@lingk/sync 0.0.90 → 0.0.92

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(194);
+	module.exports = __webpack_require__(197);
 
 
 /***/ },
@@ -1889,7 +1889,7 @@ module.exports =
 	            module && module.exports) {
 	        try {
 	            oldLocale = globalLocale._abbr;
-	            __webpack_require__(239)("./" + name);
+	            __webpack_require__(242)("./" + 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__(262)(module)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(265)(module)))
 
 /***/ },
 /* 2 */
@@ -4393,6 +4393,13 @@ module.exports =
 
 /***/ },
 /* 4 */
+/***/ function(module, exports) {
+
+	module.exports = require("react-bootstrap");
+
+/***/ },
+/* 5 */,
+/* 6 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4461,8 +4468,7 @@ module.exports =
 	exports.default = NavButtons;
 
 /***/ },
-/* 5 */,
-/* 6 */
+/* 7 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -4491,7 +4497,6 @@ module.exports =
 	exports.default = validate;
 
 /***/ },
-/* 7 */,
 /* 8 */
 /***/ function(module, exports) {
 
@@ -4713,7 +4718,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__(234);
+	var _propertyUtils = __webpack_require__(237);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -5305,7 +5310,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(195);
+	var _assign = __webpack_require__(198);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -5475,7 +5480,6 @@ module.exports =
 	  }, {
 	    key: 'showOverflow',
 	    value: function showOverflow() {
-	      console.log('showOverflow');
 	      this.setState({ overflowHidden: false });
 	    }
 	  }, {
@@ -5760,7 +5764,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(196);
+	var _defineProperty = __webpack_require__(199);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -5797,8 +5801,8 @@ module.exports =
 
 	var global    = __webpack_require__(16)
 	  , core      = __webpack_require__(14)
-	  , ctx       = __webpack_require__(204)
-	  , hide      = __webpack_require__(208)
+	  , ctx       = __webpack_require__(207)
+	  , hide      = __webpack_require__(211)
 	  , PROTOTYPE = 'prototype';
 	
 	var $export = function(type, name, source){
@@ -5862,7 +5866,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(203);
+	var cof = __webpack_require__(206);
 	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
 	  return cof(it) == 'String' ? it.split('') : Object(it);
 	};
@@ -5871,9 +5875,9 @@ module.exports =
 /* 23 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var anObject       = __webpack_require__(201)
-	  , IE8_DOM_DEFINE = __webpack_require__(209)
-	  , toPrimitive    = __webpack_require__(221)
+	var anObject       = __webpack_require__(204)
+	  , IE8_DOM_DEFINE = __webpack_require__(212)
+	  , toPrimitive    = __webpack_require__(224)
 	  , dP             = Object.defineProperty;
 	
 	exports.f = __webpack_require__(11) ? Object.defineProperty : function defineProperty(O, P, Attributes){
@@ -16416,7 +16420,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(197);
+	var _objectWithoutProperties2 = __webpack_require__(200);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -18192,7 +18196,7 @@ module.exports =
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(240);
+	var _objectAssign = __webpack_require__(243);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -18530,7 +18534,9 @@ module.exports =
 /* 171 */,
 /* 172 */,
 /* 173 */,
-/* 174 */
+/* 174 */,
+/* 175 */,
+/* 176 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18562,6 +18568,7 @@ module.exports =
 	exports.callGetTrigger = callGetTrigger;
 	exports.setWizardLoaded = setWizardLoaded;
 	exports.setWizardDataLoaded = setWizardDataLoaded;
+	exports.clearWizardFormData = clearWizardFormData;
 	
 	var _types = __webpack_require__(12);
 	
@@ -18571,6 +18578,8 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
+	var _reduxForm = __webpack_require__(3);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	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; } }
@@ -18975,7 +18984,7 @@ module.exports =
 	
 	      var TRANS_API_URL = config.TRANS_API_URL;
 	
-	      return api.get(tenantId + '/productizedintegrations', {
+	      return api.get(tenantId + '/' + accountId + '/productizedintegrations', {
 	        endpoint: TRANS_API_URL
 	      }).then(function (data) {
 	        var PI = data.find(function (pi) {
@@ -19118,6 +19127,15 @@ module.exports =
 	  };
 	}
 	
+	function clearWizardFormData() {
+	  return function (dispatch) {
+	    dispatch((0, _reduxForm.reset)('wizard'));
+	    dispatch({
+	      type: types.CLEAR_WIZARD
+	    });
+	  };
+	}
+	
 	/*export function callGetTransformersAfterGeneration(appId) {
 	  return (dispatch, getState, api) => {
 	    const { config } = getState();
@@ -19193,7 +19211,7 @@ module.exports =
 	}*/
 
 /***/ },
-/* 175 */
+/* 177 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19208,11 +19226,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -19275,7 +19293,7 @@ module.exports =
 	})(AccountStep);
 
 /***/ },
-/* 176 */
+/* 178 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19292,11 +19310,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -19478,7 +19496,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 177 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19495,11 +19513,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -19511,9 +19529,9 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(235);
+	__webpack_require__(238);
 	
-	var _rcTimePicker = __webpack_require__(253);
+	var _rcTimePicker = __webpack_require__(256);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -19718,7 +19736,7 @@ module.exports =
 	})(DeployStep);
 
 /***/ },
-/* 178 */
+/* 180 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19735,11 +19753,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -19747,7 +19765,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _previewTabContent = __webpack_require__(190);
+	var _previewTabContent = __webpack_require__(193);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -20003,7 +20021,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 179 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20020,11 +20038,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -20104,7 +20122,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 180 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20121,15 +20139,15 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _mapAccordion = __webpack_require__(188);
+	var _mapAccordion = __webpack_require__(191);
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
@@ -20141,11 +20159,11 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(192);
+	var _transformModal = __webpack_require__(195);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
-	var _mapTableRows = __webpack_require__(189);
+	var _mapTableRows = __webpack_require__(192);
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
@@ -20349,7 +20367,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 181 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20366,11 +20384,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -20465,7 +20483,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 182 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20482,11 +20500,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -20563,7 +20581,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 183 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20580,11 +20598,11 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -20698,7 +20716,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 184 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20715,7 +20733,7 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
@@ -20926,7 +20944,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 185 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20943,15 +20961,15 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _validate = __webpack_require__(6);
+	var _validate = __webpack_require__(7);
 	
 	var _validate2 = _interopRequireDefault(_validate);
 	
-	var _navButtons = __webpack_require__(4);
+	var _navButtons = __webpack_require__(6);
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _schemaAccordion = __webpack_require__(191);
+	var _schemaAccordion = __webpack_require__(194);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -20963,11 +20981,11 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _connectModal = __webpack_require__(187);
+	var _connectModal = __webpack_require__(189);
 	
 	var _connectModal2 = _interopRequireDefault(_connectModal);
 	
-	var _bundleTable = __webpack_require__(186);
+	var _bundleTable = __webpack_require__(188);
 	
 	var _bundleTable2 = _interopRequireDefault(_bundleTable);
 	
@@ -21337,7 +21355,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 186 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21719,7 +21737,7 @@ module.exports =
 	exports.default = BundleTable;
 
 /***/ },
-/* 187 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21865,6 +21883,9 @@ module.exports =
 	    props.update();
 	  };
 	
+	  var rgs = [].concat(_toConsumableArray(resourceGroups));
+	  var group = rgs[bundleIndex];
+	
 	  var sectionLabels = [];
 	  var sectionProviders = [];
 	  var vals = bundle.resources.map(function (br, i) {
@@ -21881,8 +21902,8 @@ module.exports =
 	    }).properties;
 	  });
 	
-	  var sourceKeys = resourceGroups[bundleIndex].sourceKeys && resourceGroups[bundleIndex].sourceKeys.length > 0 ? resourceGroups[bundleIndex].sourceKeys : [''];
-	  var destinationKeys = resourceGroups[bundleIndex].destinationKeys && resourceGroups[bundleIndex].destinationKeys.length > 0 ? resourceGroups[bundleIndex].destinationKeys : [''];
+	  var sourceKeys = group.sourceKeys && group.sourceKeys.length > 0 ? group.sourceKeys : [''];
+	  var destinationKeys = group.destinationKeys && group.destinationKeys.length > 0 ? group.destinationKeys : [''];
 	
 	  return _react2.default.createElement(
 	    Modal,
@@ -21898,7 +21919,7 @@ module.exports =
 	          { onClick: function onClick() {
 	              return clickTab(false);
 	            },
-	            className: 'connect-modal-tab' + (!resourceGroups[bundleIndex].customExternalKeys ? ' connect-modal-tab-selected' : '') },
+	            className: 'connect-modal-tab' + (!group.customExternalKeys ? ' connect-modal-tab-selected' : '') },
 	          'Use Lingk Unique ID',
 	          _react2.default.createElement('div', { className: 'connect-modal-tab-bar' })
 	        ),
@@ -21907,12 +21928,12 @@ module.exports =
 	          { onClick: function onClick() {
 	              return clickTab(true);
 	            },
-	            className: 'connect-modal-tab' + (resourceGroups[bundleIndex].customExternalKeys ? ' connect-modal-tab-selected' : '') },
+	            className: 'connect-modal-tab' + (group.customExternalKeys ? ' connect-modal-tab-selected' : '') },
 	          'Use Custom Unique IDs',
 	          _react2.default.createElement('div', { className: 'connect-modal-tab-bar' })
 	        )
 	      ),
-	      resourceGroups[bundleIndex].customExternalKeys ? _react2.default.createElement(
+	      group.customExternalKeys ? _react2.default.createElement(
 	        'div',
 	        { style: { padding: '1em' } },
 	        _react2.default.createElement(
@@ -21947,19 +21968,41 @@ module.exports =
 	            )
 	          ),
 	          sourceKeys.map(function (sk, i) {
+	
+	            var destinationVals = [destinationSchema && destinationSchema.find(function (defaultRsc) {
+	              return defaultRsc.name === bundle.name;
+	            }) && destinationSchema.find(function (defaultRsc) {
+	              return defaultRsc.name === bundle.name;
+	            }).properties.filter(function (p) {
+	              return !p.readOnly;
+	            })];
+	
+	            var sourceLabel = '';
+	            group.sourceKeysParents && group.sourceKeysParents[i] && group.sourceKeysParents[i].forEach(function (skp) {
+	              sourceLabel += skp;
+	              sourceLabel += ': ';
+	            });
+	            if (sk) {
+	              sourceLabel += sk;
+	            }
+	
 	            return _react2.default.createElement(
 	              'div',
 	              { className: 'external-keys-row', key: i },
 	              _react2.default.createElement(
 	                'div',
 	                { className: 'external-keys-column' },
-	                _react2.default.createElement(Select, { label: sk || 'Choose Key', menuItemStyle: { height: 20, padding: '1px 8px' },
+	                _react2.default.createElement(Select, { label: sourceLabel || 'Choose Key',
 	                  onSelect: function onSelect(v, iii, rtid, section, parents) {
 	                    return selectCustomSourceKey(v, section, i, parents);
 	                  },
 	                  type: 'brand', fieldPropLabel: 'label',
-	                  values: vals, sectionLabels: sectionLabels, sectionLabelSuffix: 'Fields',
-	                  selectedValues: resourceGroups[bundleIndex].sourceKeys && [{ label: resourceGroups[bundleIndex].sourceKeys[i] }]
+	                  values: vals, sectionLabels: sectionLabels,
+	                  selectedValues: group.sourceKeys && [{
+	                    label: group.sourceKeys[i],
+	                    parents: group.sourceKeysParents[i]
+	                  }],
+	                  sectionLabelSuffix: 'Fields'
 	                })
 	              ),
 	              _react2.default.createElement(
@@ -21970,20 +22013,17 @@ module.exports =
 	              _react2.default.createElement(
 	                'div',
 	                { className: 'external-keys-column' },
-	                _react2.default.createElement(Select, { label: resourceGroups[bundleIndex].destinationKeys && resourceGroups[bundleIndex].destinationKeys[i] || 'Choose Key',
-	                  menuItemStyle: { height: 20, padding: '1px 8px' },
+	                _react2.default.createElement(Select, { label: group.destinationKeys && group.destinationKeys[i] || 'Choose Key',
 	                  onSelect: function onSelect(v, iii, rtid, section, parents) {
 	                    return selectCustomDestinationKey(v, i, parents);
 	                  }, type: 'brand',
-	                  values: [destinationSchema && destinationSchema.find(function (defaultRsc) {
-	                    return defaultRsc.name === bundle.name;
-	                  }) && destinationSchema.find(function (defaultRsc) {
-	                    return defaultRsc.name === bundle.name;
-	                  }).properties.filter(function (p) {
-	                    return !p.readOnly;
-	                  })],
-	                  sectionLabels: [bundle.name], sectionLabelSuffix: 'Fields', fieldPropLabel: 'label',
-	                  selectedValues: resourceGroups[bundleIndex].destinationKeys && [{ label: resourceGroups[bundleIndex].destinationKeys[i] }]
+	                  values: destinationVals,
+	                  sectionLabels: [bundle.name], fieldPropLabel: 'label',
+	                  selectedValues: group.destinationKeys && [{
+	                    label: group.destinationKeys[i],
+	                    parents: group.destinationKeysParents[i]
+	                  }],
+	                  sectionLabelSuffix: 'Fields'
 	                })
 	              ),
 	              i !== 0 && _react2.default.createElement(
@@ -22018,64 +22058,85 @@ module.exports =
 	      ) : _react2.default.createElement(
 	        'div',
 	        { style: { padding: '1em' } },
-	        _react2.default.createElement(
-	          'p',
-	          null,
-	          'Choose a Unique Key from a data source object. A corresponding unique external id field will be created in the ',
-	          step.destinationProvider,
-	          ' ',
-	          bundle.name,
-	          ' object to keep records synchronized.'
-	        ),
-	        _react2.default.createElement(
-	          'div',
-	          { className: 'external-keys-row' },
-	          _react2.default.createElement(
+	        [''].map(function () {
+	
+	          var sourceLabel = '';
+	          group.lingkSourceKeyParents && group.lingkSourceKeyParents.forEach(function (skp) {
+	            sourceLabel += skp;
+	            sourceLabel += ': ';
+	          });
+	          if (group.lingkSourceKey) {
+	            sourceLabel += group.lingkSourceKey;
+	          }
+	
+	          return _react2.default.createElement(
 	            'div',
-	            { className: 'external-keys-column' },
+	            { key: 'one' },
+	            _react2.default.createElement(
+	              'p',
+	              null,
+	              'Choose a Unique Key from a data source object. A corresponding unique external id field will be created in the ',
+	              step.destinationProvider,
+	              ' ',
+	              bundle.name,
+	              ' object to keep records synchronized.'
+	            ),
 	            _react2.default.createElement(
 	              'div',
-	              { className: 'labelz' },
-	              'Data Source Unique Key'
-	            )
-	          ),
-	          _react2.default.createElement('div', { style: { width: '6%', height: 1, display: 'inline-block' } }),
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'external-keys-column' },
+	              { className: 'external-keys-row' },
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'external-keys-column' },
+	                _react2.default.createElement(
+	                  'div',
+	                  { className: 'labelz' },
+	                  'Data Source Unique Key'
+	                )
+	              ),
+	              _react2.default.createElement('div', { style: { width: '6%', height: 1, display: 'inline-block' } }),
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'external-keys-column' },
+	                _react2.default.createElement(
+	                  'div',
+	                  { className: 'labelz' },
+	                  'Data Target Unique Key'
+	                )
+	              )
+	            ),
 	            _react2.default.createElement(
 	              'div',
-	              { className: 'labelz' },
-	              'Data Target Unique Key'
+	              { className: 'external-keys-row' },
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'external-keys-column' },
+	                _react2.default.createElement(Select, { label: sourceLabel || 'Choose Key',
+	                  menuItemStyle: { height: 20, padding: '1px 8px' },
+	                  onSelect: function onSelect(v, i, rtid, section, parents) {
+	                    return selectSourceKeyForLingk(v, section, parents);
+	                  }, type: 'brand',
+	                  values: vals, sectionLabels: sectionLabels,
+	                  fieldPropLabel: 'label',
+	                  selectedValues: [{
+	                    label: group.lingkSourceKey,
+	                    parents: group.lingkSourceKeyParents
+	                  }],
+	                  sectionLabelSuffix: 'Fields'
+	                })
+	              ),
+	              _react2.default.createElement(
+	                'div',
+	                { style: { width: '6%', textAlign: 'center', display: 'inline-block' } },
+	                '\u2192'
+	              ),
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'external-keys-column' },
+	                'Lingk External ID'
+	              )
 	            )
-	          )
-	        ),
-	        _react2.default.createElement(
-	          'div',
-	          { className: 'external-keys-row' },
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'external-keys-column' },
-	            _react2.default.createElement(Select, { label: resourceGroups[bundleIndex].lingkSourceKey || 'Choose Key',
-	              menuItemStyle: { height: 20, padding: '1px 8px' },
-	              onSelect: function onSelect(v, i, rtid, section, parents) {
-	                return selectSourceKeyForLingk(v, section, parents);
-	              }, type: 'brand',
-	              values: vals, sectionLabels: sectionLabels, sectionLabelSuffix: 'Fields', fieldPropLabel: 'label',
-	              selectedValues: [{ label: resourceGroups[bundleIndex].lingkSourceKey }]
-	            })
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { width: '6%', textAlign: 'center', display: 'inline-block' } },
-	            '\u2192'
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'external-keys-column' },
-	            'Lingk External ID'
-	          )
-	        )
+	          );
+	        })
 	      ),
 	      _react2.default.createElement('br', null)
 	    )
@@ -22085,7 +22146,58 @@ module.exports =
 	exports.default = ConnectModal;
 
 /***/ },
-/* 188 */
+/* 190 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var JoinVenn = function JoinVenn(props) {
+	  return _react2.default.createElement(
+	    'div',
+	    { style: { position: 'absolute', right: 0, top: 0 } },
+	    _react2.default.createElement(
+	      'div',
+	      { style: { position: 'absolute', top: 2, right: 40, color: '#0070d2', fontWeight: 'bold' } },
+	      'A'
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { style: { position: 'absolute', top: 2, right: 16, color: '#3a91dc', fontWeight: 'bold' } },
+	      'B'
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { style: { position: 'absolute', top: 19, right: 2 } },
+	      _react2.default.createElement(
+	        'svg',
+	        { width: '60px', height: '40px', viewBox: '0 0 76 52' },
+	        _react2.default.createElement(
+	          'g',
+	          { transform: 'translate(2, 2)', stroke: '#979797', strokeWidth: '3' },
+	          _react2.default.createElement('path', { d: 'M36,3 C43.1736164,7.14971305 48,14.905839 48,23.7892273 C48,32.6726156 43.1736164,40.4287416 36,44.5784546 C28.8263836,40.4287416 24,32.6726156 24,23.7892273 C24,14.905839 28.8263836,7.14971305 36,3 Z', stroke: 'none', fill: '#0070d2' }),
+	          _react2.default.createElement('path', { d: 'M36,44.7892273 C39.5300804,46.8312686 43.6285543,48 48,48 C61.254834,48 72,37.254834 72,24 C72,10.745166 61.254834,0 48,0 C43.6285543,0 39.5300804,1.16873143 36,3.21077269 C43.1736164,7.36048573 48,15.1166117 48,24 C48,32.8833883 43.1736164,40.6395143 36,44.7892273 Z', stroke: '#3a91dc', fill: '#FFFFFF' }),
+	          _react2.default.createElement('path', { d: 'M36,3.21077269 C32.4699196,1.16873143 28.3714457,0 24,0 C10.745166,0 0,10.745166 0,24 C0,37.254834 10.745166,48 24,48 C28.3714457,48 32.4699196,46.8312686 36,44.7892273 C28.8263836,40.6395143 24,32.8833883 24,24 C24,15.1166117 28.8263836,7.36048573 36,3.21077269 Z', stroke: '#0070d2',
+	            fill: props.joinType === 'LEFT JOIN' ? '#3a91dc' : '#FFFFFF' })
+	        )
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = JoinVenn;
+
+/***/ },
+/* 191 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22104,6 +22216,8 @@ module.exports =
 	
 	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
 	
+	var _reactBootstrap = __webpack_require__(4);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
@@ -22171,7 +22285,8 @@ module.exports =
 	      selectedField: null,
 	      selectedFieldParents: null,
 	      customFieldValue: '',
-	      addNewButtonText: 'Add New'
+	      addNewButtonText: 'Add New',
+	      setDuplicateRules: false
 	    };
 	    _this.onSelectDestinationField = _this.onSelectDestinationField.bind(_this);
 	    _this.customize = _this.customize.bind(_this);
@@ -22179,6 +22294,7 @@ module.exports =
 	    _this.changeCustomFieldValue = _this.changeCustomFieldValue.bind(_this);
 	    _this.completedCallback = _this.completedCallback.bind(_this);
 	    _this.goLoading = _this.goLoading.bind(_this);
+	    _this.setUnique = _this.setUnique.bind(_this);
 	    return _this;
 	  }
 	
@@ -22304,6 +22420,11 @@ module.exports =
 	        this.props.disableMultiple();
 	      }
 	    }
+	  }, {
+	    key: 'setUnique',
+	    value: function setUnique(v) {
+	      console.log(v);
+	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
@@ -22324,6 +22445,7 @@ module.exports =
 	
 	      var Button = inputs.Button;
 	      var Input = inputs.Input;
+	      var Checkbox = inputs.Checkbox;
 	
 	      var group = resourceGroups[resourceGroupIndex];
 	      var selectedEntity = selectedEntities[resourceGroupIndex] || { name: '' };
@@ -22353,10 +22475,10 @@ module.exports =
 	        null,
 	        _react2.default.createElement(
 	          'div',
-	          { style: { position: 'relative', width: 640, height: 288, border: '1px solid rgb(204, 205, 207)', overflow: 'hidden' } },
+	          { style: { position: 'relative', width: 720, height: 288, border: '1px solid rgb(204, 205, 207)', overflow: 'hidden' } },
 	          _react2.default.createElement(
 	            'div',
-	            { style: { height: 288, width: 350, overflowX: 'hidden', background: 'white' } },
+	            { style: { height: 288, width: 360, overflowX: 'hidden', background: 'white' } },
 	            _react2.default.createElement(
 	              'div',
 	              { style: { marginLeft: 12, marginTop: 3 }, className: 'labelz' },
@@ -22375,12 +22497,12 @@ module.exports =
 	                    { ref: function ref(_ref) {
 	                        _this4['scroller-' + ii] = _ref;
 	                      }, className: 'scrolly',
-	                      style: { background: 'white', height: 261, width: 350, padding: '6px 12px' } },
+	                      style: { background: 'white', height: 261, width: 358, padding: '6px 12px' } },
 	                    group.resources && group.resources.map(function (rsc, i) {
 	                      var schema = rsc.provider === step.destinationProvider ? destinationSchema : sourceSchema;
 	                      return _react2.default.createElement(
 	                        'div',
-	                        { key: i, className: 'accordion-panel', style: { overflow: 'hidden', width: 323 } },
+	                        { key: i, className: 'accordion-panel', style: { overflow: 'hidden', width: 336 } },
 	                        _react2.default.createElement(
 	                          'div',
 	                          { className: 'accordion-panel-header',
@@ -22437,16 +22559,28 @@ module.exports =
 	          ),
 	          _react2.default.createElement(
 	            'div',
-	            { style: { position: 'absolute', width: 288, height: 288, left: 350, top: 0,
+	            { style: { position: 'absolute', width: 360, height: 288, left: 360, top: 0,
 	                borderLeft: '1px solid rgb(204, 205, 207)', background: 'white', overflow: 'hidden' } },
 	            _react2.default.createElement(
 	              'div',
-	              { style: { height: 27, borderBottom: '1px solid rgb(204, 205, 207)', padding: '4px 8px', fontWeight: 'bold', background: '#EEEEEE' } },
+	              { style: { height: 27, borderBottom: '1px solid rgb(204, 205, 207)', padding: '4px 8px', background: '#EEEEEE' } },
 	              _react2.default.createElement(
 	                'span',
-	                null,
+	                { style: { fontWeight: 'bold' } },
 	                'Target Fields'
 	              ),
+	              _react2.default.createElement(
+	                'span',
+	                { className: 'set-duplicate-rules',
+	                  onClick: function onClick() {
+	                    return _this4.setState({
+	                      setDuplicateRules: !_this4.state.setDuplicateRules,
+	                      selectedField: null,
+	                      selectedFieldParents: null
+	                    });
+	                  } },
+	                this.state.setDuplicateRules ? 'See All Fields' : 'Set Duplicate Rules'
+	              ),
 	              step.customizable && _react2.default.createElement(
 	                Button,
 	                { type: customizingGroup === group.name ? "neutral" : "brand",
@@ -22466,7 +22600,7 @@ module.exports =
 	                  { className: 'scrolly-wrap', style: { position: 'absolute', width: '100%' } },
 	                  _react2.default.createElement(
 	                    'div',
-	                    { className: 'scrolly', style: { height: 256, padding: '8px 12px' } },
+	                    { className: 'scrolly', style: { height: 256, width: 355, marginTop: 1, padding: '8px 12px' } },
 	                    customizingGroup === group.name && _react2.default.createElement(
 	                      'div',
 	                      { style: { width: 264, marginBottom: 5 } },
@@ -22482,18 +22616,19 @@ module.exports =
 	                        'OK'
 	                      )
 	                    ),
-	                    destinationSchema && destinationSchema.find(function (r) {
+	                    !_this4.state.setDuplicateRules && destinationSchema && destinationSchema.find(function (r) {
 	                      return r.name === group.name;
 	                    }).properties.filter(function (p) {
 	                      return !p.readOnly;
 	                    }).map(function (field, i) {
+	                      var isMapped = mappings && Object.keys(mappings).includes(field.label);
 	                      return _react2.default.createElement(
 	                        'div',
-	                        { key: i, className: selectedField ? "wizard-map-field" : '', style: {
-	                            paddingLeft: 5,
-	                            width: 264,
-	                            fontWeight: mappings && Object.keys(mappings).includes(field.label) ? 'bold' : 'normal',
-	                            color: mappings && Object.keys(mappings).includes(field.label) ? '#16325c' : selectedField ? 'black' : 'grey'
+	                        { key: i,
+	                          className: selectedField ? "wizard-map-field" : '',
+	                          style: { paddingLeft: 5, width: 335,
+	                            fontWeight: isMapped ? 'bold' : 'normal',
+	                            color: isMapped ? '#16325c' : selectedField ? 'black' : 'grey'
 	                          }, onClick: function onClick() {
 	                            return _this4.onSelectDestinationField(group.name, field.label, field.format);
 	                          } },
@@ -22501,6 +22636,22 @@ module.exports =
 	                        ' ',
 	                        field.required ? '*' : ''
 	                      );
+	                    }),
+	                    _this4.state.setDuplicateRules && mappings && Object.keys(mappings).map(function (mk, ii) {
+	                      return _react2.default.createElement(
+	                        'div',
+	                        { key: ii,
+	                          style: { padding: '0 0 5px 5px', width: 335, fontWeight: 'bold', color: '#16325c' } },
+	                        mk,
+	                        _react2.default.createElement(
+	                          'div',
+	                          { style: { paddingLeft: 12 } },
+	                          _react2.default.createElement(Checkbox, { style: { height: 19, margin: 0 }, label: 'Unique Field',
+	                            onChange: function onChange() {
+	                              return _this4.setUnique(mk);
+	                            } })
+	                        )
+	                      );
 	                    })
 	                  )
 	                ) : null
@@ -22518,7 +22669,7 @@ module.exports =
 	exports.default = MapAccordion;
 
 /***/ },
-/* 189 */
+/* 192 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22736,7 +22887,7 @@ module.exports =
 	};
 
 /***/ },
-/* 190 */
+/* 193 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22752,7 +22903,7 @@ module.exports =
 	}
 
 /***/ },
-/* 191 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22777,6 +22928,10 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
+	var _joinVenn = __webpack_require__(190);
+	
+	var _joinVenn2 = _interopRequireDefault(_joinVenn);
+	
 	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"); } }
@@ -22986,6 +23141,45 @@ module.exports =
 	                  'div',
 	                  { style: { position: 'relative' } },
 	                  group && group.resources && group.resources.map(function (rsc, i) {
+	
+	                    var primaryRscVals = group.resources[0].provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === group.resources[0].name;
+	                    }) && destinationSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === group.resources[0].name;
+	                    }).properties : sourceSchema && sourceSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === group.resources[0].name;
+	                    }) && [sourceSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === group.resources[0].name;
+	                    }).properties];
+	
+	                    var primaryKeyLabel = '';
+	                    rsc.primaryKeyParents && rsc.primaryKeyParents.forEach(function (skp) {
+	                      primaryKeyLabel += skp;
+	                      primaryKeyLabel += ': ';
+	                    });
+	                    if (rsc.primaryKeyName) {
+	                      primaryKeyLabel += rsc.primaryKeyName;
+	                    }
+	
+	                    var joinRscVals = rsc.provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === rsc.name;
+	                    }) && destinationSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === rsc.name;
+	                    }).properties : sourceSchema && sourceSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === rsc.name;
+	                    }) && [sourceSchema.find(function (defaultRsc) {
+	                      return defaultRsc.name === rsc.name;
+	                    }).properties];
+	
+	                    var joinKeyLabel = '';
+	                    rsc.joinKeyParents && rsc.joinKeyParents.forEach(function (skp) {
+	                      joinKeyLabel += skp;
+	                      joinKeyLabel += ': ';
+	                    });
+	                    if (rsc.joinKeyName) {
+	                      joinKeyLabel += rsc.joinKeyName;
+	                    }
+	
 	                    return _react2.default.createElement(
 	                      _reactDraggable2.default,
 	                      { axis: 'y', bounds: 'parent', key: i, handle: '.drag-handle',
@@ -23041,7 +23235,7 @@ module.exports =
 	                                  _this3.props.pickEntity({ name: rsc.name,
 	                                    isDestinationEntity: rsc.provider === step.destinationProvider });
 	                                } },
-	                              rsc.joinKeyName && rsc.primaryKeyName ? rsc.primaryKeyName + ' = ' + rsc.joinKeyName : 'Configure Join'
+	                              joinKeyLabel && primaryKeyLabel ? primaryKeyLabel + ' = ' + joinKeyLabel : 'Configure Join'
 	                            ) : null
 	                          )
 	                        ),
@@ -23071,23 +23265,20 @@ module.exports =
 	                                  ')'
 	                                )
 	                              ),
-	                              _react2.default.createElement(Select, { label: group.resources[i] && group.resources[i].primaryKeyName ? group.resources[i].primaryKeyName : 'Primary Join Key',
+	                              _react2.default.createElement(Select, { label: primaryKeyLabel || 'Primary Join Key',
 	                                onSelect: function onSelect(v, a, b, c, parents) {
 	                                  return selectPrimaryKey(v, parents, resourceGroupIndex, i);
 	                                },
 	                                onClick: showOverflow,
 	                                type: 'neutral',
-	                                values: group.resources[0].provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === group.resources[0].name;
-	                                }) && destinationSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === group.resources[0].name;
-	                                }).properties : sourceSchema && sourceSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === group.resources[0].name;
-	                                }) && [sourceSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === group.resources[0].name;
-	                                }).properties],
+	                                values: primaryRscVals,
 	                                sectionLabels: [group.resources[0].name],
-	                                fieldPropLabel: 'label'
+	                                fieldPropLabel: 'label',
+	                                selectedValues: [{
+	                                  label: rsc.primaryKeyName,
+	                                  parents: rsc.primaryKeyParents
+	                                }],
+	                                sectionLabelSuffix: 'Fields'
 	                              })
 	                            ),
 	                            _react2.default.createElement(
@@ -23110,23 +23301,20 @@ module.exports =
 	                                  '), whose value should match the Primary Object Join Key.'
 	                                )
 	                              ),
-	                              _react2.default.createElement(Select, { label: group.resources[i] && group.resources[i].joinKeyName ? group.resources[i].joinKeyName : 'Join Key',
+	                              _react2.default.createElement(Select, { label: joinKeyLabel || 'Join Key',
 	                                onSelect: function onSelect(v, a, b, c, parents) {
 	                                  return selectJoinKey(v, parents, resourceGroupIndex, i);
 	                                },
 	                                onClick: showOverflow,
 	                                type: 'neutral',
-	                                values: rsc.provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === rsc.name;
-	                                }) && destinationSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === rsc.name;
-	                                }).properties : sourceSchema && sourceSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === rsc.name;
-	                                }) && [sourceSchema.find(function (defaultRsc) {
-	                                  return defaultRsc.name === rsc.name;
-	                                }).properties],
+	                                values: joinRscVals,
 	                                sectionLabels: [group.resources[i].name],
-	                                fieldPropLabel: 'label'
+	                                fieldPropLabel: 'label',
+	                                selectedValues: [{
+	                                  label: rsc.joinKeyName,
+	                                  parents: rsc.joinKeyParents
+	                                }],
+	                                sectionLabelSuffix: 'Fields'
 	                              })
 	                            ),
 	                            _react2.default.createElement(
@@ -23155,31 +23343,7 @@ module.exports =
 	                                  'LEFT JOIN': 'All records',
 	                                  'INNER JOIN': 'Matching records'
 	                                } }),
-	                              _react2.default.createElement(
-	                                'div',
-	                                { style: { position: 'absolute', top: 2, right: 40, color: '#0070d2', fontWeight: 'bold' } },
-	                                'A'
-	                              ),
-	                              _react2.default.createElement(
-	                                'div',
-	                                { style: { position: 'absolute', top: 2, right: 16, color: '#3a91dc', fontWeight: 'bold' } },
-	                                'B'
-	                              ),
-	                              _react2.default.createElement(
-	                                'div',
-	                                { style: { position: 'absolute', top: 19, right: 2 } },
-	                                _react2.default.createElement(
-	                                  'svg',
-	                                  { width: '60px', height: '40px', viewBox: '0 0 76 52' },
-	                                  _react2.default.createElement(
-	                                    'g',
-	                                    { transform: 'translate(2, 2)', stroke: '#979797', strokeWidth: '3' },
-	                                    _react2.default.createElement('path', { d: 'M36,3 C43.1736164,7.14971305 48,14.905839 48,23.7892273 C48,32.6726156 43.1736164,40.4287416 36,44.5784546 C28.8263836,40.4287416 24,32.6726156 24,23.7892273 C24,14.905839 28.8263836,7.14971305 36,3 Z', stroke: 'none', fill: '#0070d2' }),
-	                                    _react2.default.createElement('path', { d: 'M36,44.7892273 C39.5300804,46.8312686 43.6285543,48 48,48 C61.254834,48 72,37.254834 72,24 C72,10.745166 61.254834,0 48,0 C43.6285543,0 39.5300804,1.16873143 36,3.21077269 C43.1736164,7.36048573 48,15.1166117 48,24 C48,32.8833883 43.1736164,40.6395143 36,44.7892273 Z', stroke: '#3a91dc', fill: '#FFFFFF' }),
-	                                    _react2.default.createElement('path', { d: 'M36,3.21077269 C32.4699196,1.16873143 28.3714457,0 24,0 C10.745166,0 0,10.745166 0,24 C0,37.254834 10.745166,48 24,48 C28.3714457,48 32.4699196,46.8312686 36,44.7892273 C28.8263836,40.6395143 24,32.8833883 24,24 C24,15.1166117 28.8263836,7.36048573 36,3.21077269 Z', stroke: '#0070d2', fill: rsc.joinType === 'LEFT JOIN' ? '#3a91dc' : '#FFFFFF' })
-	                                  )
-	                                )
-	                              )
+	                              _react2.default.createElement(_joinVenn2.default, { joinType: rsc.joinType })
 	                            )
 	                          ) : null
 	                        )
@@ -23214,7 +23378,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 192 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23388,6 +23552,15 @@ module.exports =
 	        }
 	      }
 	
+	      var propertyFromLabel = '';
+	      mapping.propertyFromParents && mapping.propertyFromParents.forEach(function (pfp) {
+	        propertyFromLabel += pfp;
+	        propertyFromLabel += ': ';
+	      });
+	      if (mapping.propertyFromName) {
+	        propertyFromLabel += mapping.propertyFromName;
+	      }
+	
 	      return _react2.default.createElement(
 	        Modal,
 	        { opened: opened, hideModal: hideModal, submitModal: hideModal, title: 'Transform Data' },
@@ -23397,9 +23570,29 @@ module.exports =
 	          _react2.default.createElement(
 	            'div',
 	            null,
-	            mapping.resourceFromName + ': ' + mapping.propertyFromName,
+	            _react2.default.createElement(
+	              'strong',
+	              null,
+	              mapping.resourceFromName
+	            ),
+	            ': ',
+	            _react2.default.createElement(
+	              'span',
+	              null,
+	              propertyFromLabel
+	            ),
 	            '\xA0\xA0\u2192\xA0\xA0',
-	            mapping.resourceToName + ': ' + mapping.propertyToName
+	            _react2.default.createElement(
+	              'strong',
+	              null,
+	              mapping.resourceToName
+	            ),
+	            ': ',
+	            _react2.default.createElement(
+	              'span',
+	              null,
+	              mapping.propertyToName
+	            )
 	          ),
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement(
@@ -23514,7 +23707,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 193 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23535,47 +23728,47 @@ module.exports =
 	
 	var _reactRedux = __webpack_require__(142);
 	
-	var _accountStep = __webpack_require__(175);
+	var _accountStep = __webpack_require__(177);
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(182);
+	var _phaseStep = __webpack_require__(184);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(178);
+	var _environmentStep = __webpack_require__(180);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(185);
+	var _schemaStep = __webpack_require__(187);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(179);
+	var _filterStep = __webpack_require__(181);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(180);
+	var _mapStep = __webpack_require__(182);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(183);
+	var _previewStep = __webpack_require__(185);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(177);
+	var _deployStep = __webpack_require__(179);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(181);
+	var _nameStep = __webpack_require__(183);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(176);
+	var _adapterStep = __webpack_require__(178);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(184);
+	var _scenarioStep = __webpack_require__(186);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
@@ -23614,6 +23807,7 @@ 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
@@ -23639,8 +23833,45 @@ module.exports =
 	    }).replace(/\s+/g, '')
 	  }*/
 	
-	
 	  _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;
@@ -23658,8 +23889,6 @@ module.exports =
 	      var mappings = [];
 	      bundles.forEach(function (group, index) {
 	
-	        console.log(group);
-	
 	        // first get target resource
 	        var destinationResource = _this2.props.wizard.destinationMetadata ? _this2.props.wizard.destinationMetadata.find(function (rsc) {
 	          return rsc.name === group.name;
@@ -23709,52 +23938,20 @@ module.exports =
 	          });
 	
 	          if (sourceResource) {
+	
+	            var nestedSourceKey = _this2.findNestedProp(sk, group.sourceKeysParents[i], sourceResource);
+	            sourceKeys.push(nestedSourceKey.property);
+	            sourceKeysParents.push(JSON.stringify(nestedSourceKey.parentsArray));
 	            sourceKeysObjects.push(sourceResource.type);
-	            if (group.sourceKeysParents[i].length > 0) {
-	              (function () {
-	                // nested
-	                var nestedRsc = sourceResource;
-	                var tempParentsArray = [];
-	                group.sourceKeysParents[i].forEach(function (skp) {
-	                  if (nestedRsc.properties && nestedRsc.properties.find(function (prop) {
-	                    return prop.label === skp;
-	                  })) {
-	                    var skpProp = nestedRsc.properties.find(function (prop) {
-	                      return prop.label === skp;
-	                    });
-	                    tempParentsArray.push(skpProp.name);
-	                    nestedRsc = skpProp.object;
-	                  }
-	                });
-	                sourceKeysParents.push(JSON.stringify(tempParentsArray));
-	                if (nestedRsc.properties && nestedRsc.properties.find(function (prop) {
-	                  return prop.label === sk;
-	                })) {
-	                  sourceKeys.push(nestedRsc.properties.find(function (prop) {
-	                    return prop.label === sk;
-	                  }).name);
-	                }
-	              })();
-	            } else {
-	              // non-nested
-	              if (sourceResource.properties && sourceResource.properties.find(function (prop) {
-	                return prop.label === sk;
-	              })) {
-	                sourceKeys.push(sourceResource.properties.find(function (prop) {
-	                  return prop.label === sk;
-	                }).name);
-	              }
-	            }
 	          }
 	        });
 	        group.sourceKeys = sourceKeys;
 	        group.sourceKeysObjects = sourceKeysObjects;
-	        group.sourceKeysParents = sourceKeysParents;
+	        //group.sourceKeysParents = sourceKeysParents
 	
 	        // MAPPINGS
 	        if (group.mappings) {
 	          group.mappings.forEach(function (singleMapping) {
-	            console.log(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) {
@@ -23762,10 +23959,7 @@ module.exports =
 	            });
 	
 	            // get mapping source property
-	            var sourceProperty = sourceResource && sourceResource.properties && sourceResource.properties.find(function (prop) {
-	              return prop.label === singleMapping.propertyFromName;
-	            });
-	
+	            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;
@@ -23780,10 +23974,11 @@ module.exports =
 	              });
 	            }
 	
-	            if (sourceResource && sourceProperty && destinationResource && destinationProperty) {
+	            if (sourceResource && nestedSourceProp.property && destinationResource && destinationProperty) {
 	              mappings = mappings.concat(Object.assign({ // add to mappings obj
 	                resourceFromName: sourceResource.type,
-	                propertyFromName: sourceProperty.name,
+	                propertyFromName: nestedSourceProp.property
+	              }, nestedSourceProp.parentsArray && nestedSourceProp.parentsArray.length > 0 && { propertyFromParents: nestedSourceProp.parentsArray }, {
 	                resourceToName: destinationResource.type,
 	                propertyToName: destinationProperty.name,
 	                bundleIndex: index
@@ -23809,27 +24004,28 @@ module.exports =
 	            });
 	
 	            //make endpoint
-	            endpoints['url_' + sourceResource.type] = formValues.sourceEndpoint + '/api/' + sourceResource.endpointSuffix.toLowerCase().split(' ').join('');
+	            if (sourceResource.endpointSuffix) {
+	              endpoints['url_' + sourceResource.type] = formValues.sourceEndpoint + '/api/' + sourceResource.endpointSuffix.toLowerCase().split(' ').join('');
+	            }
 	
 	            //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: rsc.joinKeyName && sourceResource && sourceResource.properties && sourceResource.properties.find(function (prop) {
-	                  return prop.label === rsc.joinKeyName;
-	                }) && sourceResource.properties.find(function (prop) {
-	                  return prop.label === rsc.joinKeyName;
-	                }).name || '',
-	                primaryKeyName: rsc.primaryKeyName && primarySourceResource && primarySourceResource.properties && primarySourceResource.properties.find(function (prop) {
-	                  return prop.label === rsc.primaryKeyName;
-	                }) && primarySourceResource.properties.find(function (prop) {
-	                  return prop.label === rsc.primaryKeyName;
-	                }).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 });
@@ -24008,7 +24204,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 194 */
+/* 197 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24023,17 +24219,17 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(263);
+	var _redux = __webpack_require__(266);
 	
 	var _reactRedux = __webpack_require__(142);
 	
-	var _wizard = __webpack_require__(174);
+	var _wizard = __webpack_require__(176);
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(236);
+	__webpack_require__(239);
 	
-	var _wizardForm = __webpack_require__(193);
+	var _wizardForm = __webpack_require__(196);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -24113,6 +24309,11 @@ module.exports =
 	  }
 	
 	  _createClass(LingkSync, [{
+	    key: 'componentWillUnmount',
+	    value: function componentWillUnmount() {
+	      this.props.actions.clearWizardFormData();
+	    }
+	  }, {
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var wizard = this.props.wizardConfig;
@@ -24228,19 +24429,19 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 195 */
+/* 198 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(198), __esModule: true };
+	module.exports = { "default": __webpack_require__(201), __esModule: true };
 
 /***/ },
-/* 196 */
+/* 199 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(199), __esModule: true };
+	module.exports = { "default": __webpack_require__(202), __esModule: true };
 
 /***/ },
-/* 197 */
+/* 200 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -24260,24 +24461,24 @@ module.exports =
 	};
 
 /***/ },
-/* 198 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(223);
+	__webpack_require__(226);
 	module.exports = __webpack_require__(14).Object.assign;
 
 /***/ },
-/* 199 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(224);
+	__webpack_require__(227);
 	var $Object = __webpack_require__(14).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 200 */
+/* 203 */
 /***/ function(module, exports) {
 
 	module.exports = function(it){
@@ -24286,7 +24487,7 @@ module.exports =
 	};
 
 /***/ },
-/* 201 */
+/* 204 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var isObject = __webpack_require__(17);
@@ -24296,14 +24497,14 @@ module.exports =
 	};
 
 /***/ },
-/* 202 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// false -> Array#indexOf
 	// true  -> Array#includes
 	var toIObject = __webpack_require__(25)
-	  , toLength  = __webpack_require__(219)
-	  , toIndex   = __webpack_require__(218);
+	  , toLength  = __webpack_require__(222)
+	  , toIndex   = __webpack_require__(221);
 	module.exports = function(IS_INCLUDES){
 	  return function($this, el, fromIndex){
 	    var O      = toIObject($this)
@@ -24322,7 +24523,7 @@ module.exports =
 	};
 
 /***/ },
-/* 203 */
+/* 206 */
 /***/ function(module, exports) {
 
 	var toString = {}.toString;
@@ -24332,11 +24533,11 @@ module.exports =
 	};
 
 /***/ },
-/* 204 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// optional / simple context binding
-	var aFunction = __webpack_require__(200);
+	var aFunction = __webpack_require__(203);
 	module.exports = function(fn, that, length){
 	  aFunction(fn);
 	  if(that === undefined)return fn;
@@ -24357,7 +24558,7 @@ module.exports =
 	};
 
 /***/ },
-/* 205 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var isObject = __webpack_require__(17)
@@ -24369,7 +24570,7 @@ module.exports =
 	};
 
 /***/ },
-/* 206 */
+/* 209 */
 /***/ function(module, exports) {
 
 	// IE 8- don't enum bug keys
@@ -24378,7 +24579,7 @@ module.exports =
 	).split(',');
 
 /***/ },
-/* 207 */
+/* 210 */
 /***/ function(module, exports) {
 
 	var hasOwnProperty = {}.hasOwnProperty;
@@ -24387,11 +24588,11 @@ module.exports =
 	};
 
 /***/ },
-/* 208 */
+/* 211 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var dP         = __webpack_require__(23)
-	  , createDesc = __webpack_require__(215);
+	  , createDesc = __webpack_require__(218);
 	module.exports = __webpack_require__(11) ? function(object, key, value){
 	  return dP.f(object, key, createDesc(1, value));
 	} : function(object, key, value){
@@ -24400,23 +24601,23 @@ module.exports =
 	};
 
 /***/ },
-/* 209 */
+/* 212 */
 /***/ function(module, exports, __webpack_require__) {
 
 	module.exports = !__webpack_require__(11) && !__webpack_require__(15)(function(){
-	  return Object.defineProperty(__webpack_require__(205)('div'), 'a', {get: function(){ return 7; }}).a != 7;
+	  return Object.defineProperty(__webpack_require__(208)('div'), 'a', {get: function(){ return 7; }}).a != 7;
 	});
 
 /***/ },
-/* 210 */
+/* 213 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var getKeys  = __webpack_require__(213)
-	  , gOPS     = __webpack_require__(211)
-	  , pIE      = __webpack_require__(214)
-	  , toObject = __webpack_require__(220)
+	var getKeys  = __webpack_require__(216)
+	  , gOPS     = __webpack_require__(214)
+	  , pIE      = __webpack_require__(217)
+	  , toObject = __webpack_require__(223)
 	  , IObject  = __webpack_require__(22)
 	  , $assign  = Object.assign;
 	
@@ -24446,19 +24647,19 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 211 */
+/* 214 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 212 */
+/* 215 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var has          = __webpack_require__(207)
+	var has          = __webpack_require__(210)
 	  , toIObject    = __webpack_require__(25)
-	  , arrayIndexOf = __webpack_require__(202)(false)
-	  , IE_PROTO     = __webpack_require__(216)('IE_PROTO');
+	  , arrayIndexOf = __webpack_require__(205)(false)
+	  , IE_PROTO     = __webpack_require__(219)('IE_PROTO');
 	
 	module.exports = function(object, names){
 	  var O      = toIObject(object)
@@ -24474,25 +24675,25 @@ module.exports =
 	};
 
 /***/ },
-/* 213 */
+/* 216 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-	var $keys       = __webpack_require__(212)
-	  , enumBugKeys = __webpack_require__(206);
+	var $keys       = __webpack_require__(215)
+	  , enumBugKeys = __webpack_require__(209);
 	
 	module.exports = Object.keys || function keys(O){
 	  return $keys(O, enumBugKeys);
 	};
 
 /***/ },
-/* 214 */
+/* 217 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 215 */
+/* 218 */
 /***/ function(module, exports) {
 
 	module.exports = function(bitmap, value){
@@ -24505,17 +24706,17 @@ module.exports =
 	};
 
 /***/ },
-/* 216 */
+/* 219 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var shared = __webpack_require__(217)('keys')
-	  , uid    = __webpack_require__(222);
+	var shared = __webpack_require__(220)('keys')
+	  , uid    = __webpack_require__(225);
 	module.exports = function(key){
 	  return shared[key] || (shared[key] = uid(key));
 	};
 
 /***/ },
-/* 217 */
+/* 220 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var global = __webpack_require__(16)
@@ -24526,7 +24727,7 @@ module.exports =
 	};
 
 /***/ },
-/* 218 */
+/* 221 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var toInteger = __webpack_require__(24)
@@ -24538,7 +24739,7 @@ module.exports =
 	};
 
 /***/ },
-/* 219 */
+/* 222 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.15 ToLength
@@ -24549,7 +24750,7 @@ module.exports =
 	};
 
 /***/ },
-/* 220 */
+/* 223 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.13 ToObject(argument)
@@ -24559,7 +24760,7 @@ module.exports =
 	};
 
 /***/ },
-/* 221 */
+/* 224 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.1 ToPrimitive(input [, PreferredType])
@@ -24576,7 +24777,7 @@ module.exports =
 	};
 
 /***/ },
-/* 222 */
+/* 225 */
 /***/ function(module, exports) {
 
 	var id = 0
@@ -24586,16 +24787,16 @@ module.exports =
 	};
 
 /***/ },
-/* 223 */
+/* 226 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
 	var $export = __webpack_require__(21);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(210)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(213)});
 
 /***/ },
-/* 224 */
+/* 227 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(21);
@@ -24603,7 +24804,7 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(11), 'Object', {defineProperty: __webpack_require__(23).f});
 
 /***/ },
-/* 225 */
+/* 228 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -24800,7 +25001,7 @@ module.exports =
 
 
 /***/ },
-/* 226 */
+/* 229 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -24893,7 +25094,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 227 */
+/* 230 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24904,11 +25105,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__(226);
+	var _Event = __webpack_require__(229);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(225);
+	var _componentClasses = __webpack_require__(228);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -25088,7 +25289,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 228 */
+/* 231 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25148,7 +25349,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 229 */
+/* 232 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -25193,7 +25394,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 230 */
+/* 233 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25202,7 +25403,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(229);
+	var _getAlignOffset = __webpack_require__(232);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -25234,7 +25435,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 231 */
+/* 234 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25275,7 +25476,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 232 */
+/* 235 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25356,7 +25557,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 233 */
+/* 236 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25373,19 +25574,19 @@ module.exports =
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(232);
+	var _getVisibleRectForElement = __webpack_require__(235);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(228);
+	var _adjustForViewport = __webpack_require__(231);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(231);
+	var _getRegion = __webpack_require__(234);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(230);
+	var _getElFuturePos = __webpack_require__(233);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -25587,7 +25788,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 234 */
+/* 237 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -25702,17 +25903,17 @@ module.exports =
 	}
 
 /***/ },
-/* 235 */
+/* 238 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 236 */
-235,
-/* 237 */,
-/* 238 */,
 /* 239 */
+238,
+/* 240 */,
+/* 241 */,
+/* 242 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var map = {
@@ -25944,11 +26145,11 @@ module.exports =
 	};
 	webpackContext.resolve = webpackContextResolve;
 	module.exports = webpackContext;
-	webpackContext.id = 239;
+	webpackContext.id = 242;
 
 
 /***/ },
-/* 240 */
+/* 243 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -26037,7 +26238,7 @@ module.exports =
 
 
 /***/ },
-/* 241 */
+/* 244 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26054,7 +26255,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(233);
+	var _domAlign = __webpack_require__(236);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
@@ -26062,7 +26263,7 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(243);
+	var _isWindow = __webpack_require__(246);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -26196,7 +26397,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 242 */
+/* 245 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26205,7 +26406,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(241);
+	var _Align = __webpack_require__(244);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -26216,7 +26417,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 243 */
+/* 246 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -26233,7 +26434,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 244 */
+/* 247 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26248,9 +26449,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(246);
+	var _ChildrenUtils = __webpack_require__(249);
 	
-	var _AnimateChild = __webpack_require__(245);
+	var _AnimateChild = __webpack_require__(248);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
@@ -26569,7 +26770,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 245 */
+/* 248 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26588,7 +26789,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(227);
+	var _cssAnimation = __webpack_require__(230);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
@@ -26680,7 +26881,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 246 */
+/* 249 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26802,16 +27003,16 @@ module.exports =
 	}
 
 /***/ },
-/* 247 */
+/* 250 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(244);
+	module.exports = __webpack_require__(247);
 
 /***/ },
-/* 248 */
+/* 251 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26824,7 +27025,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(251);
+	var _Select = __webpack_require__(254);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -27048,7 +27249,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 249 */
+/* 252 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27244,7 +27445,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 250 */
+/* 253 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27261,11 +27462,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(249);
+	var _Header = __webpack_require__(252);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(248);
+	var _Combobox = __webpack_require__(251);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -27438,7 +27639,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 251 */
+/* 254 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27599,7 +27800,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 252 */
+/* 255 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27612,15 +27813,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(258);
+	var _rcTrigger = __webpack_require__(261);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(250);
+	var _Panel = __webpack_require__(253);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(254);
+	var _placements = __webpack_require__(257);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -27902,7 +28103,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 253 */
+/* 256 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27911,7 +28112,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(252);
+	var _TimePicker = __webpack_require__(255);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -27921,7 +28122,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 254 */
+/* 257 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -27967,7 +28168,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 255 */
+/* 258 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27988,15 +28189,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(242);
+	var _rcAlign = __webpack_require__(245);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(247);
+	var _rcAnimate = __webpack_require__(250);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(256);
+	var _PopupInner = __webpack_require__(259);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
@@ -28198,7 +28399,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 256 */
+/* 259 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28255,7 +28456,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 257 */
+/* 260 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28276,7 +28477,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(260);
+	var _contains = __webpack_require__(263);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
@@ -28284,13 +28485,13 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(255);
+	var _Popup = __webpack_require__(258);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(259);
+	var _utils = __webpack_require__(262);
 	
-	var _getContainerRenderMixin = __webpack_require__(261);
+	var _getContainerRenderMixin = __webpack_require__(264);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -28754,15 +28955,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 258 */
+/* 261 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(257);
+	module.exports = __webpack_require__(260);
 
 /***/ },
-/* 259 */
+/* 262 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28802,7 +29003,7 @@ module.exports =
 	}
 
 /***/ },
-/* 260 */
+/* 263 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -28825,7 +29026,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 261 */
+/* 264 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28930,7 +29131,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 262 */
+/* 265 */
 /***/ function(module, exports) {
 
 	module.exports = function(module) {
@@ -28946,7 +29147,7 @@ module.exports =
 
 
 /***/ },
-/* 263 */
+/* 266 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");