@lingk/sync 0.1.5 → 0.1.7

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(227);
+	module.exports = __webpack_require__(229);
 
 
 /***/ },
@@ -1889,7 +1889,7 @@ module.exports =
 	            module && module.exports) {
 	        try {
 	            oldLocale = globalLocale._abbr;
-	            __webpack_require__(275)("./" + name);
+	            __webpack_require__(277)("./" + name);
 	            // because defineLocale currently also sets the global locale, we
 	            // want to undo that for lazy loaded locales
 	            getSetGlobalLocale(oldLocale);
@@ -4377,7 +4377,7 @@ module.exports =
 	
 	})));
 	
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(312)(module)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(315)(module)))
 
 /***/ },
 /* 2 */
@@ -4953,7 +4953,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__(270);
+	var _propertyUtils = __webpack_require__(272);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -5688,7 +5688,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__(277)();
+	  module.exports = __webpack_require__(280)();
 	}
 
 
@@ -5853,7 +5853,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(229);
+	var _assign = __webpack_require__(231);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -6021,15 +6021,15 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(304);
+	var _TransitionGroup = __webpack_require__(307);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(303);
+	var _CSSTransitionGroupChild = __webpack_require__(306);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
-	var _PropTypes = __webpack_require__(170);
+	var _PropTypes = __webpack_require__(171);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -6272,7 +6272,7 @@ module.exports =
 	      var firstReverseIndex = 0;
 	      for (var i = 0; i < resourceGroups.length; i++) {
 	        firstReverseIndex = i;
-	        if (resourceGroups[i].provider === step.sourceProvider) break;
+	        if (resourceGroups[i] && resourceGroups[i].provider === step.sourceProvider) break;
 	      }
 	      var finalIndex = resourceGroupIndex + 1;
 	      if (!isReverse) {
@@ -6299,9 +6299,7 @@ module.exports =
 	    value: function addDefaultEntity(groupIndex, v, rscIndex, section, rtid) {
 	      var _this3 = this;
 	
-	      var _props2 = this.props,
-	          resourceGroups = _props2.resourceGroups,
-	          step = _props2.step;
+	      var resourceGroups = this.props.resourceGroups;
 	
 	      var group = resourceGroups[this.state.resourceGroupIndex];
 	      if (group.resources && group.resources.length > 0) {
@@ -6367,15 +6365,15 @@ module.exports =
 	    value: function render() {
 	      var _this4 = this;
 	
-	      var _props3 = this.props,
-	          resourceGroups = _props3.resourceGroups,
-	          style = _props3.style,
-	          isBundleStep = _props3.isBundleStep,
-	          destinationSchema = _props3.destinationSchema,
-	          inputs = _props3.inputs,
-	          step = _props3.step,
-	          sourceSchema = _props3.sourceSchema,
-	          bidirectional = _props3.bidirectional;
+	      var _props2 = this.props,
+	          resourceGroups = _props2.resourceGroups,
+	          style = _props2.style,
+	          isBundleStep = _props2.isBundleStep,
+	          destinationSchema = _props2.destinationSchema,
+	          inputs = _props2.inputs,
+	          step = _props2.step,
+	          sourceSchema = _props2.sourceSchema,
+	          bidirectional = _props2.bidirectional;
 	      var _state = this.state,
 	          resourceGroupIndex = _state.resourceGroupIndex,
 	          paneToggle = _state.paneToggle,
@@ -6426,7 +6424,7 @@ module.exports =
 	      }
 	
 	      var group = resourceGroups[resourceGroupIndex];
-	      var isReverse = group.provider === step.sourceProvider;
+	      var isReverse = group && group.provider === step.sourceProvider;
 	
 	      return _react2.default.createElement(
 	        'div',
@@ -6598,13 +6596,214 @@ module.exports =
 
 /***/ },
 /* 52 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	function saveData(resourceGroups, providers, sourceMetadata, destinationMetadata, sourceEndpoint) {
+	  var bundles = resourceGroups;
+	  var mappings = [];
+	  var endpoints = {};
+	  bundles.forEach(function (group, index) {
+	    // first get target resource
+	    var destinationResource = destinationMetadata ? destinationMetadata.find(function (rsc) {
+	      return rsc.name === group.name;
+	    }) : group;
+	    group.name = destinationResource.type;
+	    group.resourceLabel = destinationResource.name;
+	    group.provider = providers['destination'].toLowerCase();
+	    if (destinationResource.recordTypeId) {
+	      group.recordTypeId = destinationResource.recordTypeId;
+	    }
+	
+	    // destination Keys (for de-duplication in the Connect modal)
+	    if (!group.customExternalKeys) {
+	      group.sourceKeys = [group.lingkSourceKey];
+	      group.sourceKeysObjects = [group.lingkSourceKeyObject];
+	      group.sourceKeysParents = [group.lingkSourceKeyParents];
+	      group.destinationKeys = ['Lingk_External_Id__c'];
+	    } else {
+	      (function () {
+	        var destinationKeys = [];
+	        if (group.destinationKeys) {
+	          group.destinationKeys.forEach(function (dk) {
+	            if (destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
+	              return prop.label === dk;
+	            })) {
+	              destinationKeys.push(destinationResource.properties.find(function (prop) {
+	                return prop.label === dk;
+	              }).name);
+	            }
+	          });
+	        }
+	        group.destinationKeys = destinationKeys;
+	      })();
+	    }
+	
+	    // get resource + name of sourceKeys
+	    var sourceKeys = [];
+	    var sourceKeysObjects = [];
+	    var sourceKeysParents = [];
+	    group.sourceKeys && group.sourceKeys.forEach(function (sk, i) {
+	      var sourceKeyResourceProvider = group.resources.find(function (r) {
+	        return r.name === group.sourceKeysObjects[i];
+	      }).provider;
+	      var dataSourceMetadata = sourceKeyResourceProvider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	      var sourceResource = dataSourceMetadata.find(function (metaRsc) {
+	        return metaRsc.name === group.sourceKeysObjects[i];
+	      });
+	
+	      if (sourceResource) {
+	
+	        var nestedSourceKey = findNestedProp(sk, group.sourceKeysParents && group.sourceKeysParents[i], sourceResource);
+	        sourceKeys.push(nestedSourceKey.property);
+	        sourceKeysParents.push(JSON.stringify(nestedSourceKey.parentsArray));
+	        sourceKeysObjects.push(sourceResource.type);
+	      }
+	    });
+	    group.sourceKeys = sourceKeys;
+	    group.sourceKeysObjects = sourceKeysObjects;
+	    group.sourceKeysParents = sourceKeysParents;
+	
+	    // MAPPINGS
+	    if (group.mappings) {
+	      group.mappings.forEach(function (singleMapping) {
+	        // get mapping source resource (check both metadatas)
+	        var dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? destinationMetadata : sourceMetadata;
+	        var sourceResource = dataSourceMetadata.find(function (rsc) {
+	          return rsc.name === singleMapping.resourceFromName;
+	        });
+	
+	        // get mapping source property
+	        var nestedSourceProp = findNestedProp(singleMapping.propertyFromName, singleMapping.propertyFromParents, sourceResource);
+	        //get mapping destination property
+	        var destinationProperty = destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
+	          return prop.label === singleMapping.propertyToName;
+	        });
+	
+	        //dont save transformation that are just "none"
+	        if (singleMapping.transformations && singleMapping.transformations.length > 0) {
+	          singleMapping.transformations.forEach(function (trans, index) {
+	            if (trans.type === 'none') {
+	              singleMapping.transformations.splice(index, 1);
+	            }
+	          });
+	        }
+	
+	        if (sourceResource && nestedSourceProp.property && destinationResource && destinationProperty) {
+	          mappings = mappings.concat(Object.assign({ // add to mappings obj
+	            resourceFromName: sourceResource.type,
+	            propertyFromName: nestedSourceProp.property
+	          }, nestedSourceProp.parentsArray && nestedSourceProp.parentsArray.length > 0 && { propertyFromParents: nestedSourceProp.parentsArray }, {
+	            resourceToName: destinationResource.type,
+	            propertyToName: destinationProperty.name,
+	            bundleIndex: index
+	          }, singleMapping.isExternalKeyMapping && { isExternalKeyMapping: true }, singleMapping.dataSourceIsDestinationEntity && { isDestinationResource: true }, singleMapping.isUnique && { isUnique: true }, singleMapping.transformations && singleMapping.transformations.length > 0 && !singleMapping.transformations.every(function (t) {
+	            return t.type === 'none';
+	          }) && { transformations: singleMapping.transformations }));
+	        }
+	      });
+	      delete group.mappings; // remove the mapping obj from a resourceGroup
+	      if (group.lingkSourceKey) delete group.lingkSourceKey;
+	      if (group.lingkSourceKeyObject) delete group.lingkSourceKeyObject;
+	      if (group.lingkSourceKeyParents) delete group.lingkSourceKeyParents;
+	    }
+	
+	    // BUNDLES
+	    if (group.resources) {
+	      group.resources = group.resources.map(function (rsc) {
+	
+	        //get resource source (check both metadatas)
+	        var dataSourceMetadata = rsc.provider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	        var sourceResource = dataSourceMetadata.find(function (metaRsc) {
+	          return metaRsc.name === rsc.name;
+	        });
+	
+	        //make endpoint
+	        if (sourceResource.endpointSuffix) {
+	          endpoints['url_' + sourceResource.type] = sourceEndpoint + '/' + sourceResource.endpointSuffix;
+	        }
+	
+	        //get first resource in bundle (for primaryKeyName)
+	        var primaryDataSourceMetadata = group.resources[0].provider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	        var primarySourceResource = primaryDataSourceMetadata.find(function (metaRsc) {
+	          return metaRsc.name === group.resources[0].name;
+	        });
+	
+	        var nestedPrimaryKey = findNestedProp(rsc.primaryKeyName, rsc.primaryKeyParents, primarySourceResource);
+	
+	        var nestedJoinKey = findNestedProp(rsc.joinKeyName, rsc.joinKeyParents, sourceResource);
+	
+	        if (sourceResource) {
+	          return Object.assign({
+	            resourceName: sourceResource.type,
+	            resourceLabel: sourceResource.name,
+	            joinKeyName: nestedJoinKey.property
+	          }, nestedJoinKey.parentsArray && nestedJoinKey.parentsArray.length > 0 && { joinKeyParents: nestedJoinKey.parentsArray }, {
+	            primaryKeyName: nestedPrimaryKey.property
+	          }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
+	            provider: rsc.provider.toLowerCase() + 'Reader',
+	            joinType: rsc.joinType
+	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId });
+	        } else return null;
+	      });
+	    }
+	  }); //end for each bundle
+	  return { bundles: bundles, mappings: mappings, endpoints: endpoints };
+	}
+	
+	function findNestedProp(prop, parents, rsc) {
+	  var property = '';
+	  var parentsArray = [];
+	  if (parents && parents.length > 0) {
+	    (function () {
+	      var nestedRsc = rsc;
+	      var tempParentsArray = [];
+	      parents.forEach(function (pk) {
+	        if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	          return p.label === pk;
+	        })) {
+	          var pkProp = nestedRsc.properties.find(function (p) {
+	            return p.label === pk;
+	          });
+	          tempParentsArray.push(pkProp.name);
+	          nestedRsc = pkProp.object;
+	        }
+	      });
+	      parentsArray = tempParentsArray;
+	      if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	        return p.label === prop;
+	      })) {
+	        property = nestedRsc.properties.find(function (p) {
+	          return p.label === prop;
+	        }).name;
+	      }
+	    })();
+	  } else {
+	    property = prop && rsc && rsc.properties && rsc.properties.find(function (p) {
+	      return p.label === prop;
+	    }) && rsc.properties.find(function (p) {
+	      return p.label === prop;
+	    }).name;
+	  }
+	  return { property: property, parentsArray: parentsArray };
+	}
+	
+	exports.default = saveData;
+
+/***/ },
+/* 53 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(230);
+	var _defineProperty = __webpack_require__(232);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -6626,9 +6825,9 @@ module.exports =
 	};
 
 /***/ },
-/* 53 */,
 /* 54 */,
-/* 55 */
+/* 55 */,
+/* 56 */
 /***/ function(module, exports) {
 
 	module.exports = function(arr, obj){
@@ -6640,7 +6839,7 @@ module.exports =
 	};
 
 /***/ },
-/* 56 */
+/* 57 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6698,7 +6897,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 57 */
+/* 58 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -6776,7 +6975,7 @@ module.exports =
 
 
 /***/ },
-/* 58 */
+/* 59 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -6840,7 +7039,7 @@ module.exports =
 
 
 /***/ },
-/* 59 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -6971,7 +7170,7 @@ module.exports =
 
 
 /***/ },
-/* 60 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7036,7 +7235,7 @@ module.exports =
 
 
 /***/ },
-/* 61 */
+/* 62 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7146,7 +7345,7 @@ module.exports =
 
 
 /***/ },
-/* 62 */
+/* 63 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7210,7 +7409,7 @@ module.exports =
 
 
 /***/ },
-/* 63 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7357,7 +7556,7 @@ module.exports =
 
 
 /***/ },
-/* 64 */
+/* 65 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7467,7 +7666,7 @@ module.exports =
 
 
 /***/ },
-/* 65 */
+/* 66 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7606,7 +7805,7 @@ module.exports =
 
 
 /***/ },
-/* 66 */
+/* 67 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7701,7 +7900,7 @@ module.exports =
 
 
 /***/ },
-/* 67 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7825,7 +8024,7 @@ module.exports =
 
 
 /***/ },
-/* 68 */
+/* 69 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -7949,7 +8148,7 @@ module.exports =
 
 
 /***/ },
-/* 69 */
+/* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8062,7 +8261,7 @@ module.exports =
 
 
 /***/ },
-/* 70 */
+/* 71 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8210,7 +8409,7 @@ module.exports =
 
 
 /***/ },
-/* 71 */
+/* 72 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8296,7 +8495,7 @@ module.exports =
 
 
 /***/ },
-/* 72 */
+/* 73 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8473,7 +8672,7 @@ module.exports =
 
 
 /***/ },
-/* 73 */
+/* 74 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8541,7 +8740,7 @@ module.exports =
 
 
 /***/ },
-/* 74 */
+/* 75 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8627,7 +8826,7 @@ module.exports =
 
 
 /***/ },
-/* 75 */
+/* 76 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8692,7 +8891,7 @@ module.exports =
 
 
 /***/ },
-/* 76 */
+/* 77 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8776,7 +8975,7 @@ module.exports =
 
 
 /***/ },
-/* 77 */
+/* 78 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8859,7 +9058,7 @@ module.exports =
 
 
 /***/ },
-/* 78 */
+/* 79 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -8964,7 +9163,7 @@ module.exports =
 
 
 /***/ },
-/* 79 */
+/* 80 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9067,7 +9266,7 @@ module.exports =
 
 
 /***/ },
-/* 80 */
+/* 81 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9139,7 +9338,7 @@ module.exports =
 
 
 /***/ },
-/* 81 */
+/* 82 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9207,7 +9406,7 @@ module.exports =
 
 
 /***/ },
-/* 82 */
+/* 83 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9279,7 +9478,7 @@ module.exports =
 
 
 /***/ },
-/* 83 */
+/* 84 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9351,7 +9550,7 @@ module.exports =
 
 
 /***/ },
-/* 84 */
+/* 85 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9423,7 +9622,7 @@ module.exports =
 
 
 /***/ },
-/* 85 */
+/* 86 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9501,7 +9700,7 @@ module.exports =
 
 
 /***/ },
-/* 86 */
+/* 87 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9586,7 +9785,7 @@ module.exports =
 
 
 /***/ },
-/* 87 */
+/* 88 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9672,7 +9871,7 @@ module.exports =
 
 
 /***/ },
-/* 88 */
+/* 89 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9757,7 +9956,7 @@ module.exports =
 
 
 /***/ },
-/* 89 */
+/* 90 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9828,7 +10027,7 @@ module.exports =
 
 
 /***/ },
-/* 90 */
+/* 91 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -9940,7 +10139,7 @@ module.exports =
 
 
 /***/ },
-/* 91 */
+/* 92 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10052,7 +10251,7 @@ module.exports =
 
 
 /***/ },
-/* 92 */
+/* 93 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10117,7 +10316,7 @@ module.exports =
 
 
 /***/ },
-/* 93 */
+/* 94 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10182,7 +10381,7 @@ module.exports =
 
 
 /***/ },
-/* 94 */
+/* 95 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10251,7 +10450,7 @@ module.exports =
 
 
 /***/ },
-/* 95 */
+/* 96 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10320,7 +10519,7 @@ module.exports =
 
 
 /***/ },
-/* 96 */
+/* 97 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10398,7 +10597,7 @@ module.exports =
 
 
 /***/ },
-/* 97 */
+/* 98 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10479,7 +10678,7 @@ module.exports =
 
 
 /***/ },
-/* 98 */
+/* 99 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10561,7 +10760,7 @@ module.exports =
 
 
 /***/ },
-/* 99 */
+/* 100 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10665,7 +10864,7 @@ module.exports =
 
 
 /***/ },
-/* 100 */
+/* 101 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10794,7 +10993,7 @@ module.exports =
 
 
 /***/ },
-/* 101 */
+/* 102 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -10944,7 +11143,7 @@ module.exports =
 
 
 /***/ },
-/* 102 */
+/* 103 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11058,7 +11257,7 @@ module.exports =
 
 
 /***/ },
-/* 103 */
+/* 104 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11158,7 +11357,7 @@ module.exports =
 
 
 /***/ },
-/* 104 */
+/* 105 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11246,7 +11445,7 @@ module.exports =
 
 
 /***/ },
-/* 105 */
+/* 106 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11378,7 +11577,7 @@ module.exports =
 
 
 /***/ },
-/* 106 */
+/* 107 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11453,7 +11652,7 @@ module.exports =
 
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11534,7 +11733,7 @@ module.exports =
 
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11622,7 +11821,7 @@ module.exports =
 
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11716,7 +11915,7 @@ module.exports =
 
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11808,7 +12007,7 @@ module.exports =
 
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11871,7 +12070,7 @@ module.exports =
 
 
 /***/ },
-/* 112 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -11941,7 +12140,7 @@ module.exports =
 
 
 /***/ },
-/* 113 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12034,7 +12233,7 @@ module.exports =
 
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12176,7 +12375,7 @@ module.exports =
 
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12251,7 +12450,7 @@ module.exports =
 
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12373,7 +12572,7 @@ module.exports =
 
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12475,7 +12674,7 @@ module.exports =
 
 
 /***/ },
-/* 118 */
+/* 119 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12591,7 +12790,7 @@ module.exports =
 
 
 /***/ },
-/* 119 */
+/* 120 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12660,7 +12859,7 @@ module.exports =
 
 
 /***/ },
-/* 120 */
+/* 121 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12755,7 +12954,7 @@ module.exports =
 
 
 /***/ },
-/* 121 */
+/* 122 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -12841,7 +13040,7 @@ module.exports =
 
 
 /***/ },
-/* 122 */
+/* 123 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13005,7 +13204,7 @@ module.exports =
 
 
 /***/ },
-/* 123 */
+/* 124 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13093,7 +13292,7 @@ module.exports =
 
 
 /***/ },
-/* 124 */
+/* 125 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13180,7 +13379,7 @@ module.exports =
 
 
 /***/ },
-/* 125 */
+/* 126 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13281,7 +13480,7 @@ module.exports =
 
 
 /***/ },
-/* 126 */
+/* 127 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13349,7 +13548,7 @@ module.exports =
 
 
 /***/ },
-/* 127 */
+/* 128 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13477,7 +13676,7 @@ module.exports =
 
 
 /***/ },
-/* 128 */
+/* 129 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13568,7 +13767,7 @@ module.exports =
 
 
 /***/ },
-/* 129 */
+/* 130 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13659,7 +13858,7 @@ module.exports =
 
 
 /***/ },
-/* 130 */
+/* 131 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13724,7 +13923,7 @@ module.exports =
 
 
 /***/ },
-/* 131 */
+/* 132 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13853,7 +14052,7 @@ module.exports =
 
 
 /***/ },
-/* 132 */
+/* 133 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -13963,7 +14162,7 @@ module.exports =
 
 
 /***/ },
-/* 133 */
+/* 134 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14029,7 +14228,7 @@ module.exports =
 
 
 /***/ },
-/* 134 */
+/* 135 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14099,7 +14298,7 @@ module.exports =
 
 
 /***/ },
-/* 135 */
+/* 136 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14179,7 +14378,7 @@ module.exports =
 
 
 /***/ },
-/* 136 */
+/* 137 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14367,7 +14566,7 @@ module.exports =
 
 
 /***/ },
-/* 137 */
+/* 138 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14433,7 +14632,7 @@ module.exports =
 
 
 /***/ },
-/* 138 */
+/* 139 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14509,7 +14708,7 @@ module.exports =
 
 
 /***/ },
-/* 139 */
+/* 140 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14664,7 +14863,7 @@ module.exports =
 
 
 /***/ },
-/* 140 */
+/* 141 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14831,7 +15030,7 @@ module.exports =
 
 
 /***/ },
-/* 141 */
+/* 142 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -14906,7 +15105,7 @@ module.exports =
 
 
 /***/ },
-/* 142 */
+/* 143 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15021,7 +15220,7 @@ module.exports =
 
 
 /***/ },
-/* 143 */
+/* 144 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15136,7 +15335,7 @@ module.exports =
 
 
 /***/ },
-/* 144 */
+/* 145 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15230,7 +15429,7 @@ module.exports =
 
 
 /***/ },
-/* 145 */
+/* 146 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15304,7 +15503,7 @@ module.exports =
 
 
 /***/ },
-/* 146 */
+/* 147 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15368,7 +15567,7 @@ module.exports =
 
 
 /***/ },
-/* 147 */
+/* 148 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15503,7 +15702,7 @@ module.exports =
 
 
 /***/ },
-/* 148 */
+/* 149 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15597,7 +15796,7 @@ module.exports =
 
 
 /***/ },
-/* 149 */
+/* 150 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15670,7 +15869,7 @@ module.exports =
 
 
 /***/ },
-/* 150 */
+/* 151 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15742,7 +15941,7 @@ module.exports =
 
 
 /***/ },
-/* 151 */
+/* 152 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15809,7 +16008,7 @@ module.exports =
 
 
 /***/ },
-/* 152 */
+/* 153 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -15934,7 +16133,7 @@ module.exports =
 
 
 /***/ },
-/* 153 */
+/* 154 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16029,7 +16228,7 @@ module.exports =
 
 
 /***/ },
-/* 154 */
+/* 155 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16125,7 +16324,7 @@ module.exports =
 
 
 /***/ },
-/* 155 */
+/* 156 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16188,7 +16387,7 @@ module.exports =
 
 
 /***/ },
-/* 156 */
+/* 157 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16251,7 +16450,7 @@ module.exports =
 
 
 /***/ },
-/* 157 */
+/* 158 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16402,7 +16601,7 @@ module.exports =
 
 
 /***/ },
-/* 158 */
+/* 159 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16465,7 +16664,7 @@ module.exports =
 
 
 /***/ },
-/* 159 */
+/* 160 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16549,7 +16748,7 @@ module.exports =
 
 
 /***/ },
-/* 160 */
+/* 161 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16622,7 +16821,7 @@ module.exports =
 
 
 /***/ },
-/* 161 */
+/* 162 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16687,7 +16886,7 @@ module.exports =
 
 
 /***/ },
-/* 162 */
+/* 163 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16819,7 +17018,7 @@ module.exports =
 
 
 /***/ },
-/* 163 */
+/* 164 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -16929,7 +17128,7 @@ module.exports =
 
 
 /***/ },
-/* 164 */
+/* 165 */
 /***/ function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
@@ -17038,7 +17237,7 @@ module.exports =
 
 
 /***/ },
-/* 165 */
+/* 166 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -17070,7 +17269,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 166 */
+/* 167 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17079,7 +17278,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(232);
+	var _objectWithoutProperties2 = __webpack_require__(234);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -17123,7 +17322,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 167 */
+/* 168 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17133,7 +17332,7 @@ module.exports =
 	});
 	exports["default"] = addEventListenerWrap;
 	
-	var _addDomEventListener = __webpack_require__(174);
+	var _addDomEventListener = __webpack_require__(175);
 	
 	var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
 	
@@ -17153,7 +17352,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 168 */
+/* 169 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -18765,7 +18964,7 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 169 */
+/* 170 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -18777,7 +18976,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 170 */
+/* 171 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18831,13 +19030,13 @@ module.exports =
 	})]);
 
 /***/ },
-/* 171 */
+/* 172 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-redux");
 
 /***/ },
-/* 172 */
+/* 173 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -18902,7 +19101,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 173 */
+/* 174 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18911,11 +19110,11 @@ module.exports =
 	  value: true
 	});
 	
-	var _EventBaseObject = __webpack_require__(172);
+	var _EventBaseObject = __webpack_require__(173);
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(276);
+	var _objectAssign = __webpack_require__(279);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -19184,7 +19383,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 174 */
+/* 175 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19194,7 +19393,7 @@ module.exports =
 	});
 	exports["default"] = addEventListener;
 	
-	var _EventObject = __webpack_require__(173);
+	var _EventObject = __webpack_require__(174);
 	
 	var _EventObject2 = _interopRequireDefault(_EventObject);
 	
@@ -19225,7 +19424,6 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 175 */,
 /* 176 */,
 /* 177 */,
 /* 178 */,
@@ -19255,7 +19453,8 @@ module.exports =
 /* 202 */,
 /* 203 */,
 /* 204 */,
-/* 205 */
+/* 205 */,
+/* 206 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19271,6 +19470,8 @@ module.exports =
 	exports.gotEmptyScenario = gotEmptyScenario;
 	exports.callGetScenario = callGetScenario;
 	exports.callPreviewIntegration = callPreviewIntegration;
+	exports.callGetScenarioList = callGetScenarioList;
+	exports.callCreateScenario = callCreateScenario;
 	exports.callPostBundles = callPostBundles;
 	exports.callPostMapping = callPostMapping;
 	exports.callPostProductizedIntegration = callPostProductizedIntegration;
@@ -19488,12 +19689,39 @@ module.exports =
 	  };
 	}
 	
+	function callGetScenarioList(tenantId, appId, typeGuid) {
+	  return function (dispatch, getState, api) {
+	    var _getState6 = getState(),
+	        config = _getState6.config;
+	
+	    return api.get(tenantId + '/' + appId + '/scenarios/' + typeGuid, {
+	      endpoint: config.TRANS_API_URL
+	    }).then(function (res) {
+	      return console.log(res);
+	    });
+	  };
+	}
+	
+	function callCreateScenario(tenantId, appId, bundles, mappings, name, title, label, typeGuid) {
+	  return function (dispatch, getState, api) {
+	    var _getState7 = getState(),
+	        config = _getState7.config;
+	
+	    return api.post(tenantId + '/' + appId + '/scenario', {
+	      endpoint: config.TRANS_API_URL,
+	      data: { bundles: bundles, mappings: mappings, name: name, title: title, label: label, typeGuid: typeGuid }
+	    }).then(function (res) {
+	      return res;
+	    });
+	  };
+	}
+	
 	/*  FINISH WIZARD */
 	
 	function callPostBundles(tenantId, appId, bundles) {
 	  return function (dispatch, getState, api) {
-	    var _getState6 = getState(),
-	        config = _getState6.config;
+	    var _getState8 = getState(),
+	        config = _getState8.config;
 	
 	    var data = { bundles: bundles };
 	    return api.post(tenantId + '/' + appId + '/bundle', {
@@ -19507,8 +19735,8 @@ module.exports =
 	
 	function callPostMapping(tenantId, appId, mappings) {
 	  return function (dispatch, getState, api) {
-	    var _getState7 = getState(),
-	        config = _getState7.config;
+	    var _getState9 = getState(),
+	        config = _getState9.config;
 	
 	    var data = { mappings: mappings };
 	    return api.post(tenantId + '/' + appId + '/schemamappings', {
@@ -19522,8 +19750,8 @@ module.exports =
 	
 	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState8 = getState(),
-	        config = _getState8.config;
+	    var _getState10 = getState(),
+	        config = _getState10.config;
 	
 	    var data = {
 	      schemaMappingGuid: schemaMappingGuid,
@@ -19543,8 +19771,8 @@ module.exports =
 	
 	function callGenerateRecipe(tenantId, appId, typeId, typeGuid, title, piGuid, mappingGuid, destinationMetadata) {
 	  return function (dispatch, getState, api) {
-	    var _getState9 = getState(),
-	        config = _getState9.config;
+	    var _getState11 = getState(),
+	        config = _getState11.config;
 	
 	    return api.post(tenantId + '/' + appId + '/productizedintegrations/' + piGuid + '/generate', {
 	      endpoint: config.TRANS_API_URL,
@@ -19589,8 +19817,8 @@ module.exports =
 	
 	function callExecuteTransformer(transId) {
 	  return function (dispatch, getState, api) {
-	    var _getState10 = getState(),
-	        config = _getState10.config;
+	    var _getState12 = getState(),
+	        config = _getState12.config;
 	
 	    var query = '';
 	    var d = new Date();
@@ -19614,8 +19842,8 @@ module.exports =
 	
 	function callLookupLogData(externalExecutionId, index, onFinish, generatedRecipe, piGuid, mapGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState11 = getState(),
-	        config = _getState11.config;
+	    var _getState13 = getState(),
+	        config = _getState13.config;
 	
 	    return api.get('logs/transformers/externalExecutionId/' + externalExecutionId, {
 	      endpoint: config.TRANS_API_URL
@@ -19658,8 +19886,8 @@ module.exports =
 	    };
 	  }
 	  return function (dispatch, getState, api) {
-	    var _getState12 = getState(),
-	        config = _getState12.config;
+	    var _getState14 = getState(),
+	        config = _getState14.config;
 	
 	    return api.post('createtrigger', {
 	      endpoint: config.TRANS_API_URL,
@@ -19672,8 +19900,8 @@ module.exports =
 	
 	function callDeployTrigger(generatedRecipe, piGuid, mapGuid, onFinish) {
 	  return function (dispatch, getState, api) {
-	    var _getState13 = getState(),
-	        config = _getState13.config;
+	    var _getState15 = getState(),
+	        config = _getState15.config;
 	
 	    return api.put('transformer/deploy/' + generatedRecipe.Id, {
 	      endpoint: config.TRANS_API_URL,
@@ -19714,8 +19942,8 @@ module.exports =
 	
 	  if (piGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState14 = getState(),
-	          config = _getState14.config;
+	      var _getState16 = getState(),
+	          config = _getState16.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/productizedintegrations', {
 	        endpoint: config.TRANS_API_URL
@@ -19768,8 +19996,8 @@ module.exports =
 	function callGetBundles(tenantId, accountId, bundlePackGuid) {
 	  if (bundlePackGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState15 = getState(),
-	          config = _getState15.config;
+	      var _getState17 = getState(),
+	          config = _getState17.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/bundle/' + bundlePackGuid, {
 	        endpoint: config.TRANS_API_URL
@@ -19788,8 +20016,8 @@ module.exports =
 	function callGetMapping(tenantId, accountId, mappingGuid) {
 	  if (mappingGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState16 = getState(),
-	          config = _getState16.config;
+	      var _getState18 = getState(),
+	          config = _getState18.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/schemamappings/' + mappingGuid, {
 	        endpoint: config.TRANS_API_URL
@@ -19807,8 +20035,8 @@ module.exports =
 	
 	function postCredentials(tenantId, appId, providerType, url, credentials) {
 	  return function (dispatch, getState, api) {
-	    var _getState17 = getState(),
-	        config = _getState17.config;
+	    var _getState19 = getState(),
+	        config = _getState19.config;
 	
 	    return api.post(tenantId + '/' + appId + '/credentials', {
 	      endpoint: config.TRANS_API_URL,
@@ -19831,8 +20059,8 @@ module.exports =
 	      mode: mode
 	    });
 	
-	    var _getState18 = getState(),
-	        config = _getState18.config;
+	    var _getState20 = getState(),
+	        config = _getState20.config;
 	
 	    return api.get(tenantId + '/' + appId + '/' + urlSuffix, {
 	      endpoint: config[apiUrl]
@@ -19854,8 +20082,8 @@ module.exports =
 	
 	function callGetTrigger(transBaseId) {
 	  return function (dispatch, getState, api) {
-	    var _getState19 = getState(),
-	        config = _getState19.config;
+	    var _getState21 = getState(),
+	        config = _getState21.config;
 	
 	    return api.get('gettrigger/' + transBaseId, {
 	      endpoint: config.TRANS_API_URL
@@ -19892,7 +20120,7 @@ module.exports =
 	}
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19974,7 +20202,7 @@ module.exports =
 	})(AccountStep);
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19989,7 +20217,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDraggable = __webpack_require__(168);
+	var _reactDraggable = __webpack_require__(169);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -20322,7 +20550,7 @@ module.exports =
 	exports.default = BundleTable;
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20738,7 +20966,7 @@ module.exports =
 	exports.default = ConnectModal;
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20757,7 +20985,7 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _nestedField = __webpack_require__(224);
+	var _nestedField = __webpack_require__(225);
 	
 	var _nestedField2 = _interopRequireDefault(_nestedField);
 	
@@ -21176,7 +21404,7 @@ module.exports =
 	exports.default = MapAccordion;
 
 /***/ },
-/* 210 */
+/* 211 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21396,7 +21624,7 @@ module.exports =
 	};
 
 /***/ },
-/* 211 */
+/* 212 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21415,13 +21643,13 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(168);
+	var _reactDraggable = __webpack_require__(169);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _joinVenn = __webpack_require__(223);
+	var _joinVenn = __webpack_require__(224);
 	
 	var _joinVenn2 = _interopRequireDefault(_joinVenn);
 	
@@ -21579,7 +21807,7 @@ module.exports =
 	      var Tooltip = inputs.Tooltip;
 	      var Button = inputs.Button;
 	      var group = resourceGroups[resourceGroupIndex];
-	      var isReverse = group.provider === step.sourceProvider;
+	      var isReverse = group && group.provider === step.sourceProvider;
 	      var bit = [true, false];
 	      var direction = leftClicked ? 'right' : 'left';
 	      var groupResourcesLength = group && group.resources ? group.resources.length : 0;
@@ -21875,7 +22103,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 212 */
+/* 213 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22204,7 +22432,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 213 */
+/* 214 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22407,7 +22635,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 214 */
+/* 215 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22440,9 +22668,9 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(271);
+	__webpack_require__(273);
 	
-	var _rcTimePicker = __webpack_require__(293);
+	var _rcTimePicker = __webpack_require__(296);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -22646,7 +22874,7 @@ module.exports =
 	})(DeployStep);
 
 /***/ },
-/* 215 */
+/* 216 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22675,7 +22903,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _previewTabContent = __webpack_require__(225);
+	var _previewTabContent = __webpack_require__(227);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -23092,7 +23320,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 216 */
+/* 217 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23193,7 +23421,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 217 */
+/* 218 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23226,18 +23454,22 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(212);
+	var _transformModal = __webpack_require__(213);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
-	var _mapAccordion = __webpack_require__(209);
+	var _mapAccordion = __webpack_require__(210);
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
-	var _mapTableRows = __webpack_require__(210);
+	var _mapTableRows = __webpack_require__(211);
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
+	var _newScenarioModal = __webpack_require__(226);
+	
+	var _newScenarioModal2 = _interopRequireDefault(_newScenarioModal);
+	
 	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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23260,6 +23492,7 @@ module.exports =
 	
 	    _this.state = {
 	      showModal: false,
+	      showScenarioModal: false,
 	      selectedTransform: null,
 	      selectedTransformResourceGroupIndex: null
 	    };
@@ -23344,6 +23577,8 @@ module.exports =
 	  }, {
 	    key: 'render',
 	    value: function render() {
+	      var _this2 = this;
+	
 	      var _props3 = this.props,
 	          inputs = _props3.inputs,
 	          handleSubmit = _props3.handleSubmit,
@@ -23356,6 +23591,7 @@ module.exports =
 	          actions = _props3.actions;
 	
 	      var MapTable = inputs.MapTable;
+	      var Button = inputs.Button;
 	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : null;
 	
 	      var destinationSchema = wizard['destinationMetadata'] ? wizard['destinationMetadata'] : null;
@@ -23430,6 +23666,32 @@ module.exports =
 	            resourceGroupIndex: this.state.selectedTransformResourceGroupIndex })
 	        ) : null,
 	        _react2.default.createElement('br', null),
+	        step.isFramework && _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            Button,
+	            { type: 'brand',
+	              disabled: !(resourceGroups && resourceGroups.length > 0),
+	              onClick: function onClick() {
+	                return _this2.setState({ showScenarioModal: true });
+	              } },
+	            'Save As Scenario'
+	          ),
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement('br', null),
+	          this.state.showScenarioModal && _react2.default.createElement(_newScenarioModal2.default, { inputs: inputs, resourceGroups: resourceGroups,
+	            hideModal: function hideModal() {
+	              return _this2.setState({ showScenarioModal: false });
+	            },
+	            opened: this.state.showScenarioModal,
+	            sourceMetadata: sourceSchema,
+	            destinationMetadata: destinationSchema,
+	            providers: { source: step.sourceProvider, destination: step.destinationProvider },
+	            sourceEndpoint: formValues.sourceEndpoint,
+	            accountId: this.props.accountId, typeGuid: step.typeGuid,
+	            tenantId: this.props.tenantId, actions: this.props.actions })
+	        ),
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs,
 	          nextDisabled: !(resourceGroups && resourceGroups.length > 0) })
 	      );
@@ -23448,7 +23710,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 218 */
+/* 219 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23564,7 +23826,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 219 */
+/* 220 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23662,7 +23924,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 220 */
+/* 221 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23797,7 +24059,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 221 */
+/* 222 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23865,7 +24127,7 @@ module.exports =
 	          wizard = _this$props.wizard,
 	          formValues = _this$props.formValues;
 	
-	      if (!(formValues.scenario && formValues.scenario === o.name)) {
+	      if (!(formValues.scenario && formValues.scenario === String(o.id))) {
 	        if (wizard.savedConfiguration && wizard.savedConfiguration.scenario) {
 	          _this.openModal(o);
 	        } else {
@@ -23927,12 +24189,12 @@ module.exports =
 	          change = _props2.change;
 	
 	      change('resourceGroups', null); //clear old data
-	      change('scenario', o.name);
-	      if (o.name === 'scratch') {
+	      change('scenario', String(o.id));
+	      if (String(o.id) === '0') {
 	        actions.gotEmptyScenario();
 	      } else {
 	        actions.callGetScenario(step.magicNumber, o.bundleGuid, o.mappingGuid, this.completedCallback);
-	        this.setState({ currentlyLoadingScenario: o.name });
+	        this.setState({ currentlyLoadingScenario: String(o.id) });
 	        this.goLoading();
 	      }
 	    }
@@ -23954,7 +24216,7 @@ module.exports =
 	      var scenario = formValues['scenario'];
 	      var Modal = inputs.Modal;
 	      var options = [{
-	        name: 'scratch',
+	        id: '0',
 	        title: 'Start From Scratch',
 	        label: 'Get started without any automatic mappings.'
 	      }].concat(step.options);
@@ -23986,8 +24248,8 @@ module.exports =
 	              _react2.default.createElement(Radio, { onChange: function onChange() {
 	                  return _this2.select(o);
 	                },
-	                label: '' + o.title + (_this2.state.currentlyLoadingScenario === o.name ? _this2.state.loadingDots : ''),
-	                checked: o.name === scenario, style: { cursor: 'pointer' }
+	                label: '' + o.title + (_this2.state.currentlyLoadingScenario === String(o.id) ? _this2.state.loadingDots : ''),
+	                checked: String(o.id) === scenario, style: { cursor: 'pointer' }
 	              }),
 	              _react2.default.createElement('br', null),
 	              _react2.default.createElement(
@@ -24007,8 +24269,7 @@ module.exports =
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
 	          Modal,
-	          { opened: this.state.showModal, hideModal: this.hideModal, title: 'Are you sure?', showCancel: true,
-	            submitModal: this.submitModal, submitLabel: 'Change Scenario' },
+	          { opened: this.state.showModal, hideModal: this.hideModal, title: 'Are you sure?', showCancel: true, submitModal: this.submitModal, submitLabel: 'Change Scenario' },
 	          _react2.default.createElement(
 	            'div',
 	            { style: { textAlign: 'center', padding: '1em' } },
@@ -24030,7 +24291,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 222 */
+/* 223 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24059,7 +24320,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _schemaAccordion = __webpack_require__(211);
+	var _schemaAccordion = __webpack_require__(212);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -24067,11 +24328,11 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _connectModal = __webpack_require__(208);
+	var _connectModal = __webpack_require__(209);
 	
 	var _connectModal2 = _interopRequireDefault(_connectModal);
 	
-	var _bundleTable = __webpack_require__(207);
+	var _bundleTable = __webpack_require__(208);
 	
 	var _bundleTable2 = _interopRequireDefault(_bundleTable);
 	
@@ -24462,7 +24723,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 223 */
+/* 224 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24513,7 +24774,7 @@ module.exports =
 	exports.default = JoinVenn;
 
 /***/ },
-/* 224 */
+/* 225 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24620,7 +24881,147 @@ module.exports =
 	exports.default = SourceField;
 
 /***/ },
-/* 225 */
+/* 226 */
+/***/ 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__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _saveData = __webpack_require__(52);
+	
+	var _saveData2 = _interopRequireDefault(_saveData);
+	
+	var _objectAssignDeep = __webpack_require__(278);
+	
+	var _objectAssignDeep2 = _interopRequireDefault(_objectAssignDeep);
+	
+	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 TransformModal = function (_Component) {
+	  _inherits(TransformModal, _Component);
+	
+	  function TransformModal() {
+	    _classCallCheck(this, TransformModal);
+	
+	    var _this = _possibleConstructorReturn(this, (TransformModal.__proto__ || Object.getPrototypeOf(TransformModal)).call(this));
+	
+	    _this.state = {
+	      name: '',
+	      title: '',
+	      description: ''
+	    };
+	    _this.submitModal = _this.submitModal.bind(_this);
+	    return _this;
+	  }
+	
+	  _createClass(TransformModal, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      var _props = this.props,
+	          actions = _props.actions,
+	          tenantId = _props.tenantId,
+	          accountId = _props.accountId,
+	          typeGuid = _props.typeGuid;
+	
+	      actions.callGetScenarioList(tenantId, accountId, typeGuid);
+	    }
+	  }, {
+	    key: 'submitModal',
+	    value: function submitModal() {
+	      var _props2 = this.props,
+	          resourceGroups = _props2.resourceGroups,
+	          sourceMetadata = _props2.sourceMetadata,
+	          destinationMetadata = _props2.destinationMetadata,
+	          providers = _props2.providers,
+	          sourceEndpoint = _props2.sourceEndpoint,
+	          actions = _props2.actions,
+	          tenantId = _props2.tenantId,
+	          accountId = _props2.accountId,
+	          typeGuid = _props2.typeGuid;
+	      var _state = this.state,
+	          name = _state.name,
+	          title = _state.title,
+	          description = _state.description;
+	
+	
+	      var clone = (0, _objectAssignDeep2.default)({}, { bundles: resourceGroups });
+	
+	      var data = (0, _saveData2.default)(clone.bundles, providers, sourceMetadata, destinationMetadata, sourceEndpoint);
+	      actions.callCreateScenario(tenantId, accountId, data.bundles, data.mappings, name, title, description, typeGuid);
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props3 = this.props,
+	          inputs = _props3.inputs,
+	          opened = _props3.opened,
+	          hideModal = _props3.hideModal;
+	      var _state2 = this.state,
+	          name = _state2.name,
+	          title = _state2.title,
+	          description = _state2.description;
+	
+	      var Modal = inputs.Modal;
+	      var Input = inputs.Input;
+	
+	      return _react2.default.createElement(
+	        Modal,
+	        { opened: opened, hideModal: hideModal, submitModal: this.submitModal,
+	          title: 'Create New Scenario', showCancel: true, submitLabel: 'Save Scenario',
+	          submitDisabled: !name || !title || !description },
+	        _react2.default.createElement(
+	          'div',
+	          { style: { padding: 26 } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', width: '50%', verticalAlign: 'top' } },
+	            _react2.default.createElement(Input, { onChange: function onChange(e, v) {
+	                return _this2.setState({ name: v });
+	              }, style: { width: 140 },
+	              value: name, label: 'API Name' }),
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(Input, { onChange: function onChange(e, v) {
+	                return _this2.setState({ title: v });
+	              },
+	              value: title, style: { width: 140 },
+	              label: 'Scenario Label' }),
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(Input, { onChange: function onChange(e, v) {
+	                return _this2.setState({ description: v });
+	              },
+	              value: description, placeholder: 'Scenario Description',
+	              style: { width: 140 } })
+	          ),
+	          _react2.default.createElement('div', { style: { display: 'inline-block', width: '50%', padding: 10, verticalAlign: 'top' } })
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return TransformModal;
+	}(_react.Component);
+	
+	exports.default = TransformModal;
+
+/***/ },
+/* 227 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -24636,7 +25037,7 @@ module.exports =
 	}
 
 /***/ },
-/* 226 */
+/* 228 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24655,52 +25056,56 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _reactRedux = __webpack_require__(171);
+	var _reactRedux = __webpack_require__(172);
 	
-	var _accountStep = __webpack_require__(206);
+	var _accountStep = __webpack_require__(207);
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(219);
+	var _phaseStep = __webpack_require__(220);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(215);
+	var _environmentStep = __webpack_require__(216);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(222);
+	var _schemaStep = __webpack_require__(223);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(216);
+	var _filterStep = __webpack_require__(217);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(217);
+	var _mapStep = __webpack_require__(218);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(220);
+	var _previewStep = __webpack_require__(221);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(214);
+	var _deployStep = __webpack_require__(215);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(218);
+	var _nameStep = __webpack_require__(219);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(213);
+	var _adapterStep = __webpack_require__(214);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(221);
+	var _scenarioStep = __webpack_require__(222);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
+	var _saveData2 = __webpack_require__(52);
+	
+	var _saveData3 = _interopRequireDefault(_saveData2);
+	
 	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"); } }
@@ -24736,7 +25141,6 @@ module.exports =
 	    _this.previousPage = _this.previousPage.bind(_this);
 	    _this.onSubmit = _this.onSubmit.bind(_this);
 	    _this.goToPage = _this.goToPage.bind(_this);
-	    _this.findNestedProp = _this.findNestedProp.bind(_this);
 	    _this.state = {
 	      currentPage: 1,
 	      highestPage: 1
@@ -24763,205 +25167,17 @@ module.exports =
 	  }*/
 	
 	  _createClass(WizardForm, [{
-	    key: 'findNestedProp',
-	    value: function findNestedProp(prop, parents, rsc) {
-	      var property = '';
-	      var parentsArray = [];
-	      if (parents && parents.length > 0) {
-	        (function () {
-	          var nestedRsc = rsc;
-	          var tempParentsArray = [];
-	          parents.forEach(function (pk) {
-	            if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	              return p.label === pk;
-	            })) {
-	              var pkProp = nestedRsc.properties.find(function (p) {
-	                return p.label === pk;
-	              });
-	              tempParentsArray.push(pkProp.name);
-	              nestedRsc = pkProp.object;
-	            }
-	          });
-	          parentsArray = tempParentsArray;
-	          if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	            return p.label === prop;
-	          })) {
-	            property = nestedRsc.properties.find(function (p) {
-	              return p.label === prop;
-	            }).name;
-	          }
-	        })();
-	      } else {
-	        property = prop && rsc && rsc.properties && rsc.properties.find(function (p) {
-	          return p.label === prop;
-	        }) && rsc.properties.find(function (p) {
-	          return p.label === prop;
-	        }).name;
-	      }
-	      return { property: property, parentsArray: parentsArray };
-	    }
-	  }, {
 	    key: 'onSubmit',
 	    value: function onSubmit(values) {
-	      var _this2 = this;
-	
 	      var formValues = Object.assign({}, values);
-	      var endpoints = {};
-	      //----------------------------------
-	      // Create bundles / mappings
-	      //----------------------------------
-	
 	      //resources: Type is the real value, Name is the displayed value
 	      //properties: Name is the real value, Label is the displayed value
 	
-	      var bundles = formValues['resourceGroups'] || [];
-	      var mappings = [];
-	      bundles.forEach(function (group, index) {
-	
-	        // first get target resource
-	        var destinationResource = _this2.props.wizard.destinationMetadata ? _this2.props.wizard.destinationMetadata.find(function (rsc) {
-	          return rsc.name === group.name;
-	        }) : group;
-	        group.name = destinationResource.type;
-	        group.resourceLabel = destinationResource.name;
-	        group.provider = _this2.props.providers['destination'].toLowerCase();
-	        if (destinationResource.recordTypeId) {
-	          group.recordTypeId = destinationResource.recordTypeId;
-	        }
-	
-	        // destination Keys (for de-duplication in the Connect modal)
-	        if (!group.customExternalKeys) {
-	          group.sourceKeys = [group.lingkSourceKey];
-	          group.sourceKeysObjects = [group.lingkSourceKeyObject];
-	          group.sourceKeysParents = [group.lingkSourceKeyParents];
-	          group.destinationKeys = ['Lingk_External_Id__c'];
-	        } else {
-	          (function () {
-	            var destinationKeys = [];
-	            if (group.destinationKeys) {
-	              group.destinationKeys.forEach(function (dk) {
-	                if (destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
-	                  return prop.label === dk;
-	                })) {
-	                  destinationKeys.push(destinationResource.properties.find(function (prop) {
-	                    return prop.label === dk;
-	                  }).name);
-	                }
-	              });
-	            }
-	            group.destinationKeys = destinationKeys;
-	          })();
-	        }
-	
-	        // get resource + name of sourceKeys
-	        var sourceKeys = [];
-	        var sourceKeysObjects = [];
-	        var sourceKeysParents = [];
-	        group.sourceKeys && group.sourceKeys.forEach(function (sk, i) {
-	          var sourceKeyResourceProvider = group.resources.find(function (r) {
-	            return r.name === group.sourceKeysObjects[i];
-	          }).provider;
-	          var dataSourceMetadata = sourceKeyResourceProvider === _this2.props.providers['destination'] ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
-	          var sourceResource = dataSourceMetadata.find(function (metaRsc) {
-	            return metaRsc.name === group.sourceKeysObjects[i];
-	          });
-	
-	          if (sourceResource) {
-	
-	            var nestedSourceKey = _this2.findNestedProp(sk, group.sourceKeysParents && group.sourceKeysParents[i], sourceResource);
-	            sourceKeys.push(nestedSourceKey.property);
-	            sourceKeysParents.push(JSON.stringify(nestedSourceKey.parentsArray));
-	            sourceKeysObjects.push(sourceResource.type);
-	          }
-	        });
-	        group.sourceKeys = sourceKeys;
-	        group.sourceKeysObjects = sourceKeysObjects;
-	        group.sourceKeysParents = sourceKeysParents;
-	
-	        // MAPPINGS
-	        if (group.mappings) {
-	          group.mappings.forEach(function (singleMapping) {
-	            // get mapping source resource (check both metadatas)
-	            var dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
-	            var sourceResource = dataSourceMetadata.find(function (rsc) {
-	              return rsc.name === singleMapping.resourceFromName;
-	            });
-	
-	            // get mapping source property
-	            var nestedSourceProp = _this2.findNestedProp(singleMapping.propertyFromName, singleMapping.propertyFromParents, sourceResource);
-	            //get mapping destination property
-	            var destinationProperty = destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
-	              return prop.label === singleMapping.propertyToName;
-	            });
-	
-	            //dont save transformation that are just "none"
-	            if (singleMapping.transformations && singleMapping.transformations.length > 0) {
-	              singleMapping.transformations.forEach(function (trans, index) {
-	                if (trans.type === 'none') {
-	                  singleMapping.transformations.splice(index, 1);
-	                }
-	              });
-	            }
-	
-	            if (sourceResource && nestedSourceProp.property && destinationResource && destinationProperty) {
-	              mappings = mappings.concat(Object.assign({ // add to mappings obj
-	                resourceFromName: sourceResource.type,
-	                propertyFromName: nestedSourceProp.property
-	              }, nestedSourceProp.parentsArray && nestedSourceProp.parentsArray.length > 0 && { propertyFromParents: nestedSourceProp.parentsArray }, {
-	                resourceToName: destinationResource.type,
-	                propertyToName: destinationProperty.name,
-	                bundleIndex: index
-	              }, singleMapping.isExternalKeyMapping && { isExternalKeyMapping: true }, singleMapping.dataSourceIsDestinationEntity && { isDestinationResource: true }, singleMapping.isUnique && { isUnique: true }, singleMapping.transformations && singleMapping.transformations.length > 0 && !singleMapping.transformations.every(function (t) {
-	                return t.type === 'none';
-	              }) && { transformations: singleMapping.transformations }));
-	            }
-	          });
-	          delete group.mappings; // remove the mapping obj from a resourceGroup
-	          if (group.lingkSourceKey) delete group.lingkSourceKey;
-	          if (group.lingkSourceKeyObject) delete group.lingkSourceKeyObject;
-	          if (group.lingkSourceKeyParents) delete group.lingkSourceKeyParents;
-	        }
-	
-	        // BUNDLES
-	        if (group.resources) {
-	          group.resources = group.resources.map(function (rsc) {
-	
-	            //get resource source (check both metadatas)
-	            var dataSourceMetadata = rsc.provider === _this2.props.providers['destination'] ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
-	            var sourceResource = dataSourceMetadata.find(function (metaRsc) {
-	              return metaRsc.name === rsc.name;
-	            });
-	
-	            //make endpoint
-	            if (sourceResource.endpointSuffix) {
-	              endpoints['url_' + sourceResource.type] = formValues.sourceEndpoint + '/' + sourceResource.endpointSuffix;
-	            }
+	      var _saveData = (0, _saveData3.default)(formValues['resourceGroups'], this.props.providers, this.props.wizard.sourceMetadata, this.props.wizard.destinationMetadata, formValues.sourceEndpoint),
+	          bundles = _saveData.bundles,
+	          mappings = _saveData.mappings,
+	          endpoints = _saveData.endpoints;
 	
-	            //get first resource in bundle (for primaryKeyName)
-	            var primaryDataSourceMetadata = group.resources[0].provider === _this2.props.providers['destination'] ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
-	            var primarySourceResource = primaryDataSourceMetadata.find(function (metaRsc) {
-	              return metaRsc.name === group.resources[0].name;
-	            });
-	
-	            var nestedPrimaryKey = _this2.findNestedProp(rsc.primaryKeyName, rsc.primaryKeyParents, primarySourceResource);
-	
-	            var nestedJoinKey = _this2.findNestedProp(rsc.joinKeyName, rsc.joinKeyParents, sourceResource);
-	
-	            if (sourceResource) {
-	              return Object.assign({
-	                resourceName: sourceResource.type,
-	                resourceLabel: sourceResource.name,
-	                joinKeyName: nestedJoinKey.property
-	              }, nestedJoinKey.parentsArray && nestedJoinKey.parentsArray.length > 0 && { joinKeyParents: nestedJoinKey.parentsArray }, {
-	                primaryKeyName: nestedPrimaryKey.property
-	              }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
-	                provider: rsc.provider.toLowerCase() + 'Reader',
-	                joinType: rsc.joinType
-	              }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId });
-	            } else return null;
-	          });
-	        }
-	      }); //end for each bundle
 	      console.log('BUNDLES: ', bundles);
 	      console.log('MAPPINGS: ', mappings);
 	      //----------------------------------
@@ -24973,7 +25189,7 @@ module.exports =
 	      if (formValues.destinationEndpoint) {
 	        endpoints.destinationEndpoint = formValues.destinationEndpoint;
 	      }
-	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: formValues['scenario'] }, {
+	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: String(formValues['scenario']) }, {
 	        isBidirectional: String(formValues['bidirectional'] === true)
 	      });
 	      //----------------------------------
@@ -25021,7 +25237,7 @@ module.exports =
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _this3 = this;
+	      var _this2 = this;
 	
 	      var currentPage = this.state.currentPage;
 	      var _props3 = this.props,
@@ -25051,7 +25267,7 @@ module.exports =
 	          )
 	        );
 	      } else {
-	        var _ret3 = function () {
+	        var _ret = function () {
 	          var page = currentPage || 1; //(wizard.savedConfiguration && parseInt(wizard.savedConfiguration.currentPage, 10)) || 1
 	          return {
 	            v: _react2.default.createElement(
@@ -25060,7 +25276,7 @@ module.exports =
 	              _react2.default.createElement(
 	                'div',
 	                { className: 'wizard-sidebar' },
-	                _react2.default.createElement(Sidebar, { steps: steps, currentPage: page, goToPage: _this3.goToPage, highestPage: _this3.state.highestPage })
+	                _react2.default.createElement(Sidebar, { steps: steps, currentPage: page, goToPage: _this2.goToPage, highestPage: _this2.state.highestPage })
 	              ),
 	              _react2.default.createElement(
 	                'div',
@@ -25068,12 +25284,12 @@ module.exports =
 	                steps.filter(function (s, i) {
 	                  return i + 1 === page;
 	                }).map(function (step, index) {
-	                  var StepComponent = _this3.possibleSteps[step.type];
+	                  var StepComponent = _this2.possibleSteps[step.type];
 	                  var nav = {
 	                    first: page === 1,
 	                    last: page === steps.length,
-	                    previousPage: _this3.previousPage,
-	                    nextPage: _this3.nextPage
+	                    previousPage: _this2.previousPage,
+	                    nextPage: _this2.nextPage
 	                  };
 	                  return _react2.default.createElement(
 	                    'div',
@@ -25082,7 +25298,7 @@ module.exports =
 	                      step: step,
 	                      actions: actions,
 	                      wizard: wizard,
-	                      onSubmit: _this3.onSubmit,
+	                      onSubmit: _this2.onSubmit,
 	                      formValues: formValues,
 	                      inputs: inputs,
 	                      nav: nav,
@@ -25097,7 +25313,7 @@ module.exports =
 	          };
 	        }();
 	
-	        if ((typeof _ret3 === 'undefined' ? 'undefined' : _typeof(_ret3)) === "object") return _ret3.v;
+	        if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
 	      }
 	    }
 	  }]);
@@ -25136,7 +25352,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 227 */
+/* 229 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25151,17 +25367,17 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(313);
+	var _redux = __webpack_require__(316);
 	
-	var _reactRedux = __webpack_require__(171);
+	var _reactRedux = __webpack_require__(172);
 	
-	var _wizard = __webpack_require__(205);
+	var _wizard = __webpack_require__(206);
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(272);
+	__webpack_require__(274);
 	
-	var _wizardForm = __webpack_require__(226);
+	var _wizardForm = __webpack_require__(228);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -25255,6 +25471,7 @@ module.exports =
 	        var step = this.allSteps[i];
 	        step.sourceProvider = wizard.source.type;
 	        step.destinationProvider = wizard.destination.type;
+	        step.isFramework = this.props.isFramework;
 	        /*if (step.type === 'name' && wizard.nameStep) {
 	          step.name = wizard.title
 	          stepList.push(step)
@@ -25298,6 +25515,7 @@ module.exports =
 	            stepList.push(step)*/
 	        } else if (step.type === 'map') {
 	          step.customizable = wizard.destination.customizable;
+	          step.typeGuid = wizard.typeGuid;
 	          stepList.push(step);
 	          /*} else if (step.type === 'preview') {
 	            step.dummyData = wizard.dummyData || null
@@ -25368,21 +25586,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 228 */,
-/* 229 */
+/* 230 */,
+/* 231 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(234), __esModule: true };
+	module.exports = { "default": __webpack_require__(236), __esModule: true };
 
 /***/ },
-/* 230 */
+/* 232 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(235), __esModule: true };
+	module.exports = { "default": __webpack_require__(237), __esModule: true };
 
 /***/ },
-/* 231 */,
-/* 232 */
+/* 233 */,
+/* 234 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -25402,39 +25620,39 @@ module.exports =
 	};
 
 /***/ },
-/* 233 */,
-/* 234 */
+/* 235 */,
+/* 236 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(255);
+	__webpack_require__(257);
 	module.exports = __webpack_require__(8).Object.assign;
 
 /***/ },
-/* 235 */
+/* 237 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(256);
+	__webpack_require__(258);
 	var $Object = __webpack_require__(8).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 236 */,
-/* 237 */,
 /* 238 */,
 /* 239 */,
 /* 240 */,
 /* 241 */,
 /* 242 */,
-/* 243 */
+/* 243 */,
+/* 244 */,
+/* 245 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
 	var getKeys  = __webpack_require__(31)
-	  , gOPS     = __webpack_require__(246)
-	  , pIE      = __webpack_require__(248)
+	  , gOPS     = __webpack_require__(248)
+	  , pIE      = __webpack_require__(250)
 	  , toObject = __webpack_require__(34)
 	  , IObject  = __webpack_require__(29)
 	  , $assign  = Object.assign;
@@ -25465,37 +25683,37 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 244 */,
-/* 245 */,
-/* 246 */
+/* 246 */,
+/* 247 */,
+/* 248 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 247 */,
-/* 248 */
+/* 249 */,
+/* 250 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 249 */,
-/* 250 */,
 /* 251 */,
 /* 252 */,
 /* 253 */,
 /* 254 */,
-/* 255 */
+/* 255 */,
+/* 256 */,
+/* 257 */
 /***/ 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__(243)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(245)});
 
 /***/ },
-/* 256 */
+/* 258 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(23);
@@ -25503,10 +25721,10 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(9), 'Object', {defineProperty: __webpack_require__(18).f});
 
 /***/ },
-/* 257 */,
-/* 258 */,
 /* 259 */,
-/* 260 */
+/* 260 */,
+/* 261 */,
+/* 262 */
 /***/ function(module, exports) {
 
 	
@@ -25532,7 +25750,7 @@ module.exports =
 
 
 /***/ },
-/* 261 */
+/* 263 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -25540,9 +25758,9 @@ module.exports =
 	 */
 	
 	try {
-	  var index = __webpack_require__(55);
+	  var index = __webpack_require__(56);
 	} catch (err) {
-	  var index = __webpack_require__(55);
+	  var index = __webpack_require__(56);
 	}
 	
 	/**
@@ -25729,7 +25947,7 @@ module.exports =
 
 
 /***/ },
-/* 262 */
+/* 264 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -25822,7 +26040,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 263 */
+/* 265 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25833,11 +26051,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__(262);
+	var _Event = __webpack_require__(264);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(261);
+	var _componentClasses = __webpack_require__(263);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -26017,7 +26235,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 264 */
+/* 266 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26077,7 +26295,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 265 */
+/* 267 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -26122,7 +26340,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 266 */
+/* 268 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26131,7 +26349,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(265);
+	var _getAlignOffset = __webpack_require__(267);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -26163,7 +26381,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 267 */
+/* 269 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26204,7 +26422,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 268 */
+/* 270 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26217,7 +26435,7 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(56);
+	var _getOffsetParent = __webpack_require__(57);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
@@ -26285,7 +26503,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 269 */
+/* 271 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26298,23 +26516,23 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(56);
+	var _getOffsetParent = __webpack_require__(57);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(268);
+	var _getVisibleRectForElement = __webpack_require__(270);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(264);
+	var _adjustForViewport = __webpack_require__(266);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(267);
+	var _getRegion = __webpack_require__(269);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(266);
+	var _getElFuturePos = __webpack_require__(268);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -26516,7 +26734,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 270 */
+/* 272 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -26631,236 +26849,236 @@ module.exports =
 	}
 
 /***/ },
-/* 271 */
+/* 273 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 272 */
-271,
-/* 273 */,
-/* 274 */,
-/* 275 */
+/* 274 */
+273,
+/* 275 */,
+/* 276 */,
+/* 277 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var map = {
-		"./af": 57,
-		"./af.js": 57,
-		"./ar": 63,
-		"./ar-dz": 58,
-		"./ar-dz.js": 58,
-		"./ar-ly": 59,
-		"./ar-ly.js": 59,
-		"./ar-ma": 60,
-		"./ar-ma.js": 60,
-		"./ar-sa": 61,
-		"./ar-sa.js": 61,
-		"./ar-tn": 62,
-		"./ar-tn.js": 62,
-		"./ar.js": 63,
-		"./az": 64,
-		"./az.js": 64,
-		"./be": 65,
-		"./be.js": 65,
-		"./bg": 66,
-		"./bg.js": 66,
-		"./bn": 67,
-		"./bn.js": 67,
-		"./bo": 68,
-		"./bo.js": 68,
-		"./br": 69,
-		"./br.js": 69,
-		"./bs": 70,
-		"./bs.js": 70,
-		"./ca": 71,
-		"./ca.js": 71,
-		"./cs": 72,
-		"./cs.js": 72,
-		"./cv": 73,
-		"./cv.js": 73,
-		"./cy": 74,
-		"./cy.js": 74,
-		"./da": 75,
-		"./da.js": 75,
-		"./de": 77,
-		"./de-at": 76,
-		"./de-at.js": 76,
-		"./de.js": 77,
-		"./dv": 78,
-		"./dv.js": 78,
-		"./el": 79,
-		"./el.js": 79,
-		"./en-au": 80,
-		"./en-au.js": 80,
-		"./en-ca": 81,
-		"./en-ca.js": 81,
-		"./en-gb": 82,
-		"./en-gb.js": 82,
-		"./en-ie": 83,
-		"./en-ie.js": 83,
-		"./en-nz": 84,
-		"./en-nz.js": 84,
-		"./eo": 85,
-		"./eo.js": 85,
-		"./es": 87,
-		"./es-do": 86,
-		"./es-do.js": 86,
-		"./es.js": 87,
-		"./et": 88,
-		"./et.js": 88,
-		"./eu": 89,
-		"./eu.js": 89,
-		"./fa": 90,
-		"./fa.js": 90,
-		"./fi": 91,
-		"./fi.js": 91,
-		"./fo": 92,
-		"./fo.js": 92,
-		"./fr": 95,
-		"./fr-ca": 93,
-		"./fr-ca.js": 93,
-		"./fr-ch": 94,
-		"./fr-ch.js": 94,
-		"./fr.js": 95,
-		"./fy": 96,
-		"./fy.js": 96,
-		"./gd": 97,
-		"./gd.js": 97,
-		"./gl": 98,
-		"./gl.js": 98,
-		"./he": 99,
-		"./he.js": 99,
-		"./hi": 100,
-		"./hi.js": 100,
-		"./hr": 101,
-		"./hr.js": 101,
-		"./hu": 102,
-		"./hu.js": 102,
-		"./hy-am": 103,
-		"./hy-am.js": 103,
-		"./id": 104,
-		"./id.js": 104,
-		"./is": 105,
-		"./is.js": 105,
-		"./it": 106,
-		"./it.js": 106,
-		"./ja": 107,
-		"./ja.js": 107,
-		"./jv": 108,
-		"./jv.js": 108,
-		"./ka": 109,
-		"./ka.js": 109,
-		"./kk": 110,
-		"./kk.js": 110,
-		"./km": 111,
-		"./km.js": 111,
-		"./ko": 112,
-		"./ko.js": 112,
-		"./ky": 113,
-		"./ky.js": 113,
-		"./lb": 114,
-		"./lb.js": 114,
-		"./lo": 115,
-		"./lo.js": 115,
-		"./lt": 116,
-		"./lt.js": 116,
-		"./lv": 117,
-		"./lv.js": 117,
-		"./me": 118,
-		"./me.js": 118,
-		"./mi": 119,
-		"./mi.js": 119,
-		"./mk": 120,
-		"./mk.js": 120,
-		"./ml": 121,
-		"./ml.js": 121,
-		"./mr": 122,
-		"./mr.js": 122,
-		"./ms": 124,
-		"./ms-my": 123,
-		"./ms-my.js": 123,
-		"./ms.js": 124,
-		"./my": 125,
-		"./my.js": 125,
-		"./nb": 126,
-		"./nb.js": 126,
-		"./ne": 127,
-		"./ne.js": 127,
-		"./nl": 129,
-		"./nl-be": 128,
-		"./nl-be.js": 128,
-		"./nl.js": 129,
-		"./nn": 130,
-		"./nn.js": 130,
-		"./pa-in": 131,
-		"./pa-in.js": 131,
-		"./pl": 132,
-		"./pl.js": 132,
-		"./pt": 134,
-		"./pt-br": 133,
-		"./pt-br.js": 133,
-		"./pt.js": 134,
-		"./ro": 135,
-		"./ro.js": 135,
-		"./ru": 136,
-		"./ru.js": 136,
-		"./se": 137,
-		"./se.js": 137,
-		"./si": 138,
-		"./si.js": 138,
-		"./sk": 139,
-		"./sk.js": 139,
-		"./sl": 140,
-		"./sl.js": 140,
-		"./sq": 141,
-		"./sq.js": 141,
-		"./sr": 143,
-		"./sr-cyrl": 142,
-		"./sr-cyrl.js": 142,
-		"./sr.js": 143,
-		"./ss": 144,
-		"./ss.js": 144,
-		"./sv": 145,
-		"./sv.js": 145,
-		"./sw": 146,
-		"./sw.js": 146,
-		"./ta": 147,
-		"./ta.js": 147,
-		"./te": 148,
-		"./te.js": 148,
-		"./tet": 149,
-		"./tet.js": 149,
-		"./th": 150,
-		"./th.js": 150,
-		"./tl-ph": 151,
-		"./tl-ph.js": 151,
-		"./tlh": 152,
-		"./tlh.js": 152,
-		"./tr": 153,
-		"./tr.js": 153,
-		"./tzl": 154,
-		"./tzl.js": 154,
-		"./tzm": 156,
-		"./tzm-latn": 155,
-		"./tzm-latn.js": 155,
-		"./tzm.js": 156,
-		"./uk": 157,
-		"./uk.js": 157,
-		"./uz": 158,
-		"./uz.js": 158,
-		"./vi": 159,
-		"./vi.js": 159,
-		"./x-pseudo": 160,
-		"./x-pseudo.js": 160,
-		"./yo": 161,
-		"./yo.js": 161,
-		"./zh-cn": 162,
-		"./zh-cn.js": 162,
-		"./zh-hk": 163,
-		"./zh-hk.js": 163,
-		"./zh-tw": 164,
-		"./zh-tw.js": 164
+		"./af": 58,
+		"./af.js": 58,
+		"./ar": 64,
+		"./ar-dz": 59,
+		"./ar-dz.js": 59,
+		"./ar-ly": 60,
+		"./ar-ly.js": 60,
+		"./ar-ma": 61,
+		"./ar-ma.js": 61,
+		"./ar-sa": 62,
+		"./ar-sa.js": 62,
+		"./ar-tn": 63,
+		"./ar-tn.js": 63,
+		"./ar.js": 64,
+		"./az": 65,
+		"./az.js": 65,
+		"./be": 66,
+		"./be.js": 66,
+		"./bg": 67,
+		"./bg.js": 67,
+		"./bn": 68,
+		"./bn.js": 68,
+		"./bo": 69,
+		"./bo.js": 69,
+		"./br": 70,
+		"./br.js": 70,
+		"./bs": 71,
+		"./bs.js": 71,
+		"./ca": 72,
+		"./ca.js": 72,
+		"./cs": 73,
+		"./cs.js": 73,
+		"./cv": 74,
+		"./cv.js": 74,
+		"./cy": 75,
+		"./cy.js": 75,
+		"./da": 76,
+		"./da.js": 76,
+		"./de": 78,
+		"./de-at": 77,
+		"./de-at.js": 77,
+		"./de.js": 78,
+		"./dv": 79,
+		"./dv.js": 79,
+		"./el": 80,
+		"./el.js": 80,
+		"./en-au": 81,
+		"./en-au.js": 81,
+		"./en-ca": 82,
+		"./en-ca.js": 82,
+		"./en-gb": 83,
+		"./en-gb.js": 83,
+		"./en-ie": 84,
+		"./en-ie.js": 84,
+		"./en-nz": 85,
+		"./en-nz.js": 85,
+		"./eo": 86,
+		"./eo.js": 86,
+		"./es": 88,
+		"./es-do": 87,
+		"./es-do.js": 87,
+		"./es.js": 88,
+		"./et": 89,
+		"./et.js": 89,
+		"./eu": 90,
+		"./eu.js": 90,
+		"./fa": 91,
+		"./fa.js": 91,
+		"./fi": 92,
+		"./fi.js": 92,
+		"./fo": 93,
+		"./fo.js": 93,
+		"./fr": 96,
+		"./fr-ca": 94,
+		"./fr-ca.js": 94,
+		"./fr-ch": 95,
+		"./fr-ch.js": 95,
+		"./fr.js": 96,
+		"./fy": 97,
+		"./fy.js": 97,
+		"./gd": 98,
+		"./gd.js": 98,
+		"./gl": 99,
+		"./gl.js": 99,
+		"./he": 100,
+		"./he.js": 100,
+		"./hi": 101,
+		"./hi.js": 101,
+		"./hr": 102,
+		"./hr.js": 102,
+		"./hu": 103,
+		"./hu.js": 103,
+		"./hy-am": 104,
+		"./hy-am.js": 104,
+		"./id": 105,
+		"./id.js": 105,
+		"./is": 106,
+		"./is.js": 106,
+		"./it": 107,
+		"./it.js": 107,
+		"./ja": 108,
+		"./ja.js": 108,
+		"./jv": 109,
+		"./jv.js": 109,
+		"./ka": 110,
+		"./ka.js": 110,
+		"./kk": 111,
+		"./kk.js": 111,
+		"./km": 112,
+		"./km.js": 112,
+		"./ko": 113,
+		"./ko.js": 113,
+		"./ky": 114,
+		"./ky.js": 114,
+		"./lb": 115,
+		"./lb.js": 115,
+		"./lo": 116,
+		"./lo.js": 116,
+		"./lt": 117,
+		"./lt.js": 117,
+		"./lv": 118,
+		"./lv.js": 118,
+		"./me": 119,
+		"./me.js": 119,
+		"./mi": 120,
+		"./mi.js": 120,
+		"./mk": 121,
+		"./mk.js": 121,
+		"./ml": 122,
+		"./ml.js": 122,
+		"./mr": 123,
+		"./mr.js": 123,
+		"./ms": 125,
+		"./ms-my": 124,
+		"./ms-my.js": 124,
+		"./ms.js": 125,
+		"./my": 126,
+		"./my.js": 126,
+		"./nb": 127,
+		"./nb.js": 127,
+		"./ne": 128,
+		"./ne.js": 128,
+		"./nl": 130,
+		"./nl-be": 129,
+		"./nl-be.js": 129,
+		"./nl.js": 130,
+		"./nn": 131,
+		"./nn.js": 131,
+		"./pa-in": 132,
+		"./pa-in.js": 132,
+		"./pl": 133,
+		"./pl.js": 133,
+		"./pt": 135,
+		"./pt-br": 134,
+		"./pt-br.js": 134,
+		"./pt.js": 135,
+		"./ro": 136,
+		"./ro.js": 136,
+		"./ru": 137,
+		"./ru.js": 137,
+		"./se": 138,
+		"./se.js": 138,
+		"./si": 139,
+		"./si.js": 139,
+		"./sk": 140,
+		"./sk.js": 140,
+		"./sl": 141,
+		"./sl.js": 141,
+		"./sq": 142,
+		"./sq.js": 142,
+		"./sr": 144,
+		"./sr-cyrl": 143,
+		"./sr-cyrl.js": 143,
+		"./sr.js": 144,
+		"./ss": 145,
+		"./ss.js": 145,
+		"./sv": 146,
+		"./sv.js": 146,
+		"./sw": 147,
+		"./sw.js": 147,
+		"./ta": 148,
+		"./ta.js": 148,
+		"./te": 149,
+		"./te.js": 149,
+		"./tet": 150,
+		"./tet.js": 150,
+		"./th": 151,
+		"./th.js": 151,
+		"./tl-ph": 152,
+		"./tl-ph.js": 152,
+		"./tlh": 153,
+		"./tlh.js": 153,
+		"./tr": 154,
+		"./tr.js": 154,
+		"./tzl": 155,
+		"./tzl.js": 155,
+		"./tzm": 157,
+		"./tzm-latn": 156,
+		"./tzm-latn.js": 156,
+		"./tzm.js": 157,
+		"./uk": 158,
+		"./uk.js": 158,
+		"./uz": 159,
+		"./uz.js": 159,
+		"./vi": 160,
+		"./vi.js": 160,
+		"./x-pseudo": 161,
+		"./x-pseudo.js": 161,
+		"./yo": 162,
+		"./yo.js": 162,
+		"./zh-cn": 163,
+		"./zh-cn.js": 163,
+		"./zh-hk": 164,
+		"./zh-hk.js": 164,
+		"./zh-tw": 165,
+		"./zh-tw.js": 165
 	};
 	function webpackContext(req) {
 		return __webpack_require__(webpackContextResolve(req));
@@ -26873,11 +27091,169 @@ module.exports =
 	};
 	webpackContext.resolve = webpackContextResolve;
 	module.exports = webpackContext;
-	webpackContext.id = 275;
+	webpackContext.id = 277;
 
 
 /***/ },
-/* 276 */
+/* 278 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
+	/*
+	 * OBJECT ASSIGN DEEP
+	 * Allows deep cloning of plain objects that contain primitives, nested plain objects, or nested plain arrays.
+	 */
+	
+	/*
+	 * A unified way of returning a string that describes the type of the given variable.
+	 */
+	function getTypeOf (input) {
+	
+		if (input === null) {
+			return `null`;
+		}
+	
+		else if (typeof input === `undefined`) {
+			return `undefined`;
+		}
+	
+		else if (typeof input === `object`) {
+			return (Array.isArray(input) ? `array` : `object`);
+		}
+	
+		return typeof input;
+	
+	}
+	
+	/*
+	 * Branching logic which calls the correct function to clone the given value base on its type.
+	 */
+	function cloneValue (value) {
+	
+		// The value is an object so lets clone it.
+		if (getTypeOf(value) === `object`) {
+			return quickCloneObject(value);
+		}
+	
+		// The value is an array so lets clone it.
+		else if (getTypeOf(value) === `array`) {
+			return quickCloneArray(value);
+		}
+	
+		// Any other value can just be copied.
+		return value;
+	
+	}
+	
+	/*
+	 * Enumerates the given array and returns a new array, with each of its values cloned (i.e. references broken).
+	 */
+	function quickCloneArray (input) {
+		return input.map(cloneValue);
+	}
+	
+	/*
+	 * Enumerates the properties of the given object (ignoring the prototype chain) and returns a new object, with each of
+	 * its values cloned (i.e. references broken).
+	 */
+	function quickCloneObject (input) {
+	
+		const output = {};
+	
+		for (const key in input) {
+			if (!input.hasOwnProperty(key)) { continue; }
+	
+			output[key] = cloneValue(input[key]);
+		}
+	
+		return output;
+	
+	}
+	
+	/*
+	 * Does the actual deep merging.
+	 */
+	function executeDeepMerge (target, _objects = [], _options = {}) {
+	
+		const options = {
+			arrayBehaviour: _options.arrayBehaviour || `replace`,  // Can be "merge" or "replace".
+		};
+	
+		// Ensure we have actual objects for each.
+		const objects = _objects.map(object => object || {});
+	
+		const output = target || {};
+	
+		// Enumerate the objects and their keys.
+		for (let oindex = 0; oindex < objects.length; oindex++) {
+			const object = objects[oindex];
+			const keys = Object.keys(object);
+	
+			for (let kindex = 0; kindex < keys.length; kindex++) {
+				const key = keys[kindex];
+				const value = object[key];
+				const type = getTypeOf(value);
+				const existingValueType = getTypeOf(output[key]);
+	
+				if (type === `object`) {
+					if (existingValueType !== `undefined`) {
+						const existingValue = (existingValueType === `object` ? output[key] : {});
+						output[key] = executeDeepMerge({}, [existingValue, quickCloneObject(value)], options);
+					}
+					else {
+						output[key] = quickCloneObject(value);
+					}
+				}
+	
+				else if (type === `array`) {
+					if (existingValueType === `array`) {
+						const newValue = quickCloneArray(value);
+						output[key] = (options.arrayBehaviour === `merge` ? output[key].concat(newValue) : newValue);
+					}
+					else {
+						output[key] = quickCloneArray(value);
+					}
+				}
+	
+				else {
+					output[key] = value;
+				}
+	
+	
+			}
+		}
+	
+		return output;
+	
+	}
+	
+	/*
+	 * Merge all the supplied objects into the target object, breaking all references, including those of nested objects
+	 * and arrays, and even objects nested inside arrays. The first parameter is not mutated unlike Object.assign().
+	 * Properties in later objects will always overwrite.
+	 */
+	module.exports = function objectAssignDeep (target, ...objects) {
+		return executeDeepMerge(target, objects);
+	};
+	
+	/*
+	 * Same as objectAssignDeep() except it doesn't mutate the target object and returns an entirely new object.
+	 */
+	module.exports.noMutate = function objectAssignDeepInto (...objects) {
+		return executeDeepMerge({}, objects);
+	};
+	
+	/*
+	 * Allows an options object to be passed in to customise the behaviour of the function.
+	 */
+	module.exports.withOptions = function objectAssignDeepInto (target, objects, options) {
+		return executeDeepMerge(target, objects, options);
+	};
+
+
+/***/ },
+/* 279 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -26966,7 +27342,7 @@ module.exports =
 
 
 /***/ },
-/* 277 */
+/* 280 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -26980,9 +27356,9 @@ module.exports =
 	
 	'use strict';
 	
-	var emptyFunction = __webpack_require__(279);
-	var invariant = __webpack_require__(280);
-	var ReactPropTypesSecret = __webpack_require__(278);
+	var emptyFunction = __webpack_require__(282);
+	var invariant = __webpack_require__(283);
+	var ReactPropTypesSecret = __webpack_require__(281);
 	
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
@@ -27031,7 +27407,7 @@ module.exports =
 
 
 /***/ },
-/* 278 */
+/* 281 */
 /***/ function(module, exports) {
 
 	/**
@@ -27051,7 +27427,7 @@ module.exports =
 
 
 /***/ },
-/* 279 */
+/* 282 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -27094,7 +27470,7 @@ module.exports =
 	module.exports = emptyFunction;
 
 /***/ },
-/* 280 */
+/* 283 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -27154,7 +27530,7 @@ module.exports =
 	module.exports = invariant;
 
 /***/ },
-/* 281 */
+/* 284 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27171,15 +27547,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(269);
+	var _domAlign = __webpack_require__(271);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
-	var _addEventListener = __webpack_require__(167);
+	var _addEventListener = __webpack_require__(168);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(283);
+	var _isWindow = __webpack_require__(286);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -27313,7 +27689,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 282 */
+/* 285 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27322,7 +27698,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(281);
+	var _Align = __webpack_require__(284);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -27333,7 +27709,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 283 */
+/* 286 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -27350,7 +27726,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 284 */
+/* 287 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27365,13 +27741,13 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(286);
+	var _ChildrenUtils = __webpack_require__(289);
 	
-	var _AnimateChild = __webpack_require__(285);
+	var _AnimateChild = __webpack_require__(288);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
-	var _util = __webpack_require__(165);
+	var _util = __webpack_require__(166);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -27686,7 +28062,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 285 */
+/* 288 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27705,11 +28081,11 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(263);
+	var _cssAnimation = __webpack_require__(265);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
-	var _util = __webpack_require__(165);
+	var _util = __webpack_require__(166);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -27797,7 +28173,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 286 */
+/* 289 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27919,16 +28295,16 @@ module.exports =
 	}
 
 /***/ },
-/* 287 */
+/* 290 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(284);
+	module.exports = __webpack_require__(287);
 
 /***/ },
-/* 288 */
+/* 291 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27941,7 +28317,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(291);
+	var _Select = __webpack_require__(294);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -28165,7 +28541,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 289 */
+/* 292 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28361,7 +28737,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 290 */
+/* 293 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28370,7 +28746,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(52);
+	var _defineProperty2 = __webpack_require__(53);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -28378,11 +28754,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(289);
+	var _Header = __webpack_require__(292);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(288);
+	var _Combobox = __webpack_require__(291);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -28555,7 +28931,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 291 */
+/* 294 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28564,7 +28940,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(52);
+	var _defineProperty2 = __webpack_require__(53);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -28716,7 +29092,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 292 */
+/* 295 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28729,15 +29105,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(298);
+	var _rcTrigger = __webpack_require__(301);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(290);
+	var _Panel = __webpack_require__(293);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(294);
+	var _placements = __webpack_require__(297);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -29019,7 +29395,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 293 */
+/* 296 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29028,7 +29404,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(292);
+	var _TimePicker = __webpack_require__(295);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -29038,7 +29414,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 294 */
+/* 297 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -29084,7 +29460,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 295 */
+/* 298 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29105,19 +29481,19 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(282);
+	var _rcAlign = __webpack_require__(285);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(287);
+	var _rcAnimate = __webpack_require__(290);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(296);
+	var _PopupInner = __webpack_require__(299);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
-	var _LazyRenderBox = __webpack_require__(166);
+	var _LazyRenderBox = __webpack_require__(167);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -29315,7 +29691,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 296 */
+/* 299 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29328,7 +29704,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _LazyRenderBox = __webpack_require__(166);
+	var _LazyRenderBox = __webpack_require__(167);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -29372,7 +29748,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 297 */
+/* 300 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29393,21 +29769,21 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(300);
+	var _contains = __webpack_require__(303);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
-	var _addEventListener = __webpack_require__(167);
+	var _addEventListener = __webpack_require__(168);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(295);
+	var _Popup = __webpack_require__(298);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(299);
+	var _utils = __webpack_require__(302);
 	
-	var _getContainerRenderMixin = __webpack_require__(301);
+	var _getContainerRenderMixin = __webpack_require__(304);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -29871,15 +30247,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 298 */
+/* 301 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(297);
+	module.exports = __webpack_require__(300);
 
 /***/ },
-/* 299 */
+/* 302 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29919,7 +30295,7 @@ module.exports =
 	}
 
 /***/ },
-/* 300 */
+/* 303 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -29942,7 +30318,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 301 */
+/* 304 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30047,8 +30423,8 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 302 */,
-/* 303 */
+/* 305 */,
+/* 306 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30057,19 +30433,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__(305);
+	var _addClass = __webpack_require__(308);
 	
 	var _addClass2 = _interopRequireDefault(_addClass);
 	
-	var _removeClass = __webpack_require__(307);
+	var _removeClass = __webpack_require__(310);
 	
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 	
-	var _requestAnimationFrame = __webpack_require__(309);
+	var _requestAnimationFrame = __webpack_require__(312);
 	
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 	
-	var _properties = __webpack_require__(308);
+	var _properties = __webpack_require__(311);
 	
 	var _react = __webpack_require__(2);
 	
@@ -30081,7 +30457,7 @@ module.exports =
 	
 	var _reactDom = __webpack_require__(11);
 	
-	var _PropTypes = __webpack_require__(170);
+	var _PropTypes = __webpack_require__(171);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -30282,7 +30658,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 304 */
+/* 307 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30291,7 +30667,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__(260);
+	var _chainFunction = __webpack_require__(262);
 	
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 	
@@ -30303,11 +30679,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(311);
+	var _warning = __webpack_require__(314);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(310);
+	var _ChildMapping = __webpack_require__(313);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -30559,7 +30935,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 305 */
+/* 308 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30569,7 +30945,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(306);
+	var _hasClass = __webpack_require__(309);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -30581,7 +30957,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 306 */
+/* 309 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -30596,7 +30972,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 307 */
+/* 310 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -30606,7 +30982,7 @@ module.exports =
 	};
 
 /***/ },
-/* 308 */
+/* 311 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30616,7 +30992,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__(169);
+	var _inDOM = __webpack_require__(170);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);
 	
@@ -30721,7 +31097,7 @@ module.exports =
 	}
 
 /***/ },
-/* 309 */
+/* 312 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30730,7 +31106,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _inDOM = __webpack_require__(169);
+	var _inDOM = __webpack_require__(170);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);
 	
@@ -30779,7 +31155,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 310 */
+/* 313 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -30875,7 +31251,7 @@ module.exports =
 	}
 
 /***/ },
-/* 311 */
+/* 314 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -30941,7 +31317,7 @@ module.exports =
 
 
 /***/ },
-/* 312 */
+/* 315 */
 /***/ function(module, exports) {
 
 	module.exports = function(module) {
@@ -30957,7 +31333,7 @@ module.exports =
 
 
 /***/ },
-/* 313 */
+/* 316 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");