@lingk/sync 0.0.10 → 0.0.12

package/build/lingk.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(48);
+	module.exports = __webpack_require__(49);
 
 
 /***/ },
@@ -210,9 +210,6 @@ module.exports =
 	exports.testAjax = testAjax;
 	exports.callGetWizardSourceData = callGetWizardSourceData;
 	exports.callPreview = callPreview;
-	exports.changeWizardData = changeWizardData;
-	exports.addEntityToWizardData = addEntityToWizardData;
-	exports.addFieldToWizardData = addFieldToWizardData;
 	exports.callGetSchemasForProvider = callGetSchemasForProvider;
 	exports.clearSavedSchemas = clearSavedSchemas;
 	exports.callPostSchema = callPostSchema;
@@ -232,7 +229,7 @@ module.exports =
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 	
 	var axios = __webpack_require__(26);
-	function testAjax() {
+	function testAjax(onFinish) {
 	  return function (dispatch, getState, api) {
 	    var _getState = getState(),
 	        config = _getState.config;
@@ -242,7 +239,7 @@ module.exports =
 	    return api.get('http://echo.jsontest.com/name/evan', {
 	      endpoint: CUSTOM
 	    }).then(function (data) {
-	      console.log(data);
+	      onFinish(data);
 	    });
 	  };
 	}
@@ -289,58 +286,10 @@ module.exports =
 	  };
 	}
 	
-	function changeWizardData(data, mode) {
-	  return function (dispatch, getState) {
-	    var _getState2 = getState(),
-	        wizard = _getState2.wizard;
-	
-	    var wizData = Object.assign({}, wizard.data) || {};
-	    wizData[mode] = data;
-	    dispatch({
-	      type: types.SET_WIZARD_DATA,
-	      data: wizData
-	    });
-	  };
-	}
-	
-	function addEntityToWizardData(entity, mode) {
-	  return function (dispatch, getState) {
-	    var _getState3 = getState(),
-	        wizard = _getState3.wizard;
-	
-	    var wizData = Object.assign({}, wizard.data) || {};
-	    var obj = Object.assign({}, wizData[mode]) || {};
-	    obj[entity] = {};
-	    wizData[mode] = obj;
-	    dispatch({
-	      type: types.SET_WIZARD_DATA,
-	      data: wizData
-	    });
-	  };
-	}
-	
-	function addFieldToWizardData(field, entity, mode) {
-	  return function (dispatch, getState) {
-	    var _getState4 = getState(),
-	        wizard = _getState4.wizard;
-	
-	    var wizData = Object.assign({}, wizard.data) || {};
-	    var obj = Object.assign({}, wizData[mode]) || {};
-	    var entityObj = Object.assign({}, obj[entity]) || {};
-	    entityObj[field] = true;
-	    obj[entity] = entityObj;
-	    wizData[mode] = obj;
-	    dispatch({
-	      type: types.SET_WIZARD_DATA,
-	      data: wizData
-	    });
-	  };
-	}
-	
 	function callGetSchemasForProvider(tenantId, appId, providerType) {
 	  return function (dispatch, getState, api) {
-	    var _getState5 = getState(),
-	        config = _getState5.config;
+	    var _getState2 = getState(),
+	        config = _getState2.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -366,8 +315,8 @@ module.exports =
 	
 	function callPostSchema(tenantId, appId, data) {
 	  return function (dispatch, getState, api) {
-	    var _getState6 = getState(),
-	        config = _getState6.config;
+	    var _getState3 = getState(),
+	        config = _getState3.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -382,8 +331,8 @@ module.exports =
 	
 	function callPostMapping(tenantId, appId, schemaFromGuid, schemaToGuid, mappings) {
 	  return function (dispatch, getState, api) {
-	    var _getState7 = getState(),
-	        config = _getState7.config;
+	    var _getState4 = getState(),
+	        config = _getState4.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -401,16 +350,16 @@ module.exports =
 	  };
 	}
 	
-	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, configuration, title) {
+	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, configuration, title, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState8 = getState(),
-	        config = _getState8.config;
+	    var _getState5 = getState(),
+	        config = _getState5.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
 	    var data = {
 	      schemaMappingGuid: schemaMappingGuid,
-	      integrationTypeGuid: '9090b61412a74d97ad9ed02c5fc7e704',
+	      integrationTypeGuid: typeGuid,
 	      name: title,
 	      configuration: configuration
 	    };
@@ -425,8 +374,8 @@ module.exports =
 	
 	function callGenerateIntegration(tenantId, appId, piGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState9 = getState(),
-	        config = _getState9.config;
+	    var _getState6 = getState(),
+	        config = _getState6.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -441,8 +390,8 @@ module.exports =
 	
 	function callGetTransformersAfterGeneration(appId) {
 	  return function (dispatch, getState, api) {
-	    var _getState10 = getState(),
-	        config = _getState10.config;
+	    var _getState7 = getState(),
+	        config = _getState7.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -457,11 +406,11 @@ module.exports =
 	  };
 	}
 	
-	function submitWizardData(tenantId, appId, sourceSchema, destinationSchema, mapping, configuration, title) {
+	function submitWizardData(tenantId, appId, sourceSchema, destinationSchema, mapping, configuration, title, typeGuid) {
 	  return function (dispatch) {
 	    return Promise.all([dispatch(callPostSchema(tenantId, appId, sourceSchema)), dispatch(callPostSchema(tenantId, appId, destinationSchema))]).then(function (guids) {
 	      return dispatch(callPostMapping(tenantId, appId, guids[0], guids[1], mapping)).then(function (res) {
-	        dispatch(callPostProductizedIntegration(tenantId, appId, res.schemaMappingGuid, configuration, title)).then(function (pi) {
+	        dispatch(callPostProductizedIntegration(tenantId, appId, res.schemaMappingGuid, configuration, title, typeGuid)).then(function (pi) {
 	          dispatch(callGenerateIntegration(tenantId, appId, pi.productizedIntegrationGuid));
 	        });
 	      });
@@ -471,8 +420,8 @@ module.exports =
 	
 	function callGetWizardDataEntities(hubId) {
 	  return function (dispatch, getState, api) {
-	    var _getState11 = getState(),
-	        config = _getState11.config;
+	    var _getState8 = getState(),
+	        config = _getState8.config;
 	
 	    var API_URL = config.API_URL;
 	
@@ -489,8 +438,8 @@ module.exports =
 	
 	function callGetWizardResourceMeta(resourceId) {
 	  return function (dispatch, getState, api) {
-	    var _getState12 = getState(),
-	        config = _getState12.config;
+	    var _getState9 = getState(),
+	        config = _getState9.config;
 	
 	    var API_URL = config.API_URL;
 	
@@ -1934,7 +1883,8 @@ module.exports =
 	          inputs = _props.inputs,
 	          handleSubmit = _props.handleSubmit,
 	          nav = _props.nav,
-	          reset = _props.reset;
+	          reset = _props.reset,
+	          step = _props.step;
 	
 	      var Button = inputs.Button;
 	      return _react2.default.createElement(
@@ -1945,7 +1895,8 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { style: { fontSize: 20 } },
-	          'Data Source: Configure Banner Adapter'
+	          'Data Source: Configure ',
+	          '' + step.title
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
@@ -1954,7 +1905,9 @@ module.exports =
 	          _react2.default.createElement(
 	            'h5',
 	            null,
-	            'This integration requires Banner Adapter configuration before continuing.'
+	            'This integration requires ',
+	            '' + step.title,
+	            ' configuration before continuing.'
 	          ),
 	          _react2.default.createElement(
 	            'ul',
@@ -1968,7 +1921,8 @@ module.exports =
 	                _react2.default.createElement(
 	                  'a',
 	                  { href: '' },
-	                  'Download the Banner Adapter'
+	                  'Download the ',
+	                  '' + step.title
 	                )
 	              )
 	            ),
@@ -1981,7 +1935,9 @@ module.exports =
 	                _react2.default.createElement(
 	                  'a',
 	                  { href: '' },
-	                  'Read the Banner Adapter Documentation'
+	                  'Read the ',
+	                  '' + step.title,
+	                  ' Documentation'
 	                )
 	              )
 	            )
@@ -1990,7 +1946,9 @@ module.exports =
 	          _react2.default.createElement(
 	            'strong',
 	            { htmlFor: 'link-banner', style: { marginBottom: 14 } },
-	            'Lingk Banner Adapter Credentials:'
+	            'Lingk ',
+	            '' + step.title,
+	            ' Credentials:'
 	          ),
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement('br', null),
@@ -3136,7 +3094,7 @@ module.exports =
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
 	          Button,
-	          { type: 'brand', className: 'btn btn-primary', onClick: this.preview },
+	          { type: 'brand', onClick: this.preview },
 	          'Preview Integration'
 	        ),
 	        this.state.previewing ? _react2.default.createElement(
@@ -3221,26 +3179,35 @@ module.exports =
 	    _this.state = {
 	      newField: '',
 	      newEntity: '',
-	      selectedDataEntity: ''
+	      selectedDataEntity: '',
+	      innerSelectedEntity: ''
 	    };
-	    _this.addCustomField = _this.addCustomField.bind(_this);
-	    _this.newFieldKeyPress = _this.newFieldKeyPress.bind(_this);
+	    _this.pickEntity = _this.pickEntity.bind(_this);
 	    _this.addCustomEntity = _this.addCustomEntity.bind(_this);
 	    _this.newEntityKeyPress = _this.newEntityKeyPress.bind(_this);
 	    _this.loadDefault = _this.loadDefault.bind(_this);
 	    _this.clearAllData = _this.clearAllData.bind(_this);
+	    _this.addDefaultDataEntity = _this.addDefaultDataEntity.bind(_this);
+	    _this.selectAll = _this.selectAll.bind(_this);
+	    _this.deselectAll = _this.deselectAll.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(SchemaStep, [{
+	    key: 'pickEntity',
+	    value: function pickEntity(v) {
+	      this.setState({
+	        selectedDataEntity: v,
+	        innerSelectedEntity: this.state.selectedDataEntity === v && this.state.innerSelectedEntity === v ? '' : v
+	      });
+	    }
+	  }, {
 	    key: 'loadDefault',
 	    value: function loadDefault() {
 	      var _props = this.props,
 	          step = _props.step,
-	          actions = _props.actions,
 	          change = _props.change;
 	
-	      actions.changeWizardData(step.defaultSchema, step.mode);
 	      change(step.mode + 'Schema', step.defaultSchema);
 	    }
 	  }, {
@@ -3248,54 +3215,38 @@ module.exports =
 	    value: function clearAllData() {
 	      var _props2 = this.props,
 	          step = _props2.step,
-	          actions = _props2.actions,
 	          change = _props2.change;
 	
 	      this.setState({ selectedDataEntity: '' });
-	      actions.changeWizardData(null, step.mode);
 	      change(step.mode + 'Schema', {});
 	    }
 	  }, {
-	    key: 'addCustomField',
-	    value: function addCustomField() {
+	    key: 'addCustomEntity',
+	    value: function addCustomEntity() {
 	      var _props3 = this.props,
 	          step = _props3.step,
-	          actions = _props3.actions,
 	          change = _props3.change,
 	          formValues = _props3.formValues;
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
-	      actions.addFieldToWizardData(this.state.newField, this.state.selectedDataEntity, step.mode);
-	      this.setState({ newField: '' });
-	      var obj = Object.assign({}, includedFields);
-	      var entityObj = Object.assign({}, obj[this.state.selectedDataEntity]);
-	      entityObj[this.state.newField] = true;
-	      obj[this.state.selectedDataEntity] = entityObj;
+	      var obj = Object.assign({}, includedFields) || {};
+	      obj[this.state.newEntity] = {};
 	      change(step.mode + 'Schema', obj);
+	      this.setState({ selectedDataEntity: this.state.newEntity, newEntity: '' });
 	    }
 	  }, {
-	    key: 'newFieldKeyPress',
-	    value: function newFieldKeyPress(e) {
-	      if (e.charCode === 13) {
-	        e.preventDefault();
-	        this.addCustomField();
-	      }
-	    }
-	  }, {
-	    key: 'addCustomEntity',
-	    value: function addCustomEntity() {
+	    key: 'addDefaultDataEntity',
+	    value: function addDefaultDataEntity(v) {
 	      var _props4 = this.props,
 	          step = _props4.step,
-	          actions = _props4.actions,
 	          change = _props4.change,
 	          formValues = _props4.formValues;
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
-	      actions.addEntityToWizardData(this.state.newEntity, step.mode);
 	      var obj = Object.assign({}, includedFields) || {};
-	      obj[this.state.newEntity] = {};
+	      obj[v] = step.defaultSchema[v];
 	      change(step.mode + 'Schema', obj);
-	      this.setState({ selectedDataEntity: this.state.newEntity, newEntity: '' });
+	      this.setState({ selectedDataEntity: v, innerSelectedEntity: v });
 	    }
 	  }, {
 	    key: 'newEntityKeyPress',
@@ -3307,25 +3258,20 @@ module.exports =
 	    }
 	  }, {
 	    key: 'selectAll',
-	    value: function selectAll(dataEntity) {
+	    value: function selectAll() {
 	      var _props5 = this.props,
-	          wizard = _props5.wizard,
-	          change = _props5.change,
 	          step = _props5.step,
+	          change = _props5.change,
 	          formValues = _props5.formValues;
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
-	      var all = {};
-	      Object.keys(wizard.data[step.mode][this.state.selectedDataEntity]).forEach(function (key) {
-	        all[key] = true;
-	      });
-	      var obj = Object.assign({}, includedFields);
-	      obj[this.state.selectedDataEntity] = all;
+	      var obj = Object.assign({}, includedFields) || {};
+	      obj[this.state.selectedDataEntity] = step.defaultSchema[this.state.selectedDataEntity];
 	      change(step.mode + 'Schema', obj);
 	    }
 	  }, {
 	    key: 'deselectAll',
-	    value: function deselectAll(dataEntity) {
+	    value: function deselectAll() {
 	      var _props6 = this.props,
 	          change = _props6.change,
 	          step = _props6.step,
@@ -3345,10 +3291,10 @@ module.exports =
 	          inputs = _props7.inputs,
 	          handleSubmit = _props7.handleSubmit,
 	          nav = _props7.nav,
-	          wizard = _props7.wizard,
 	          formValues = _props7.formValues,
 	          step = _props7.step,
-	          reset = _props7.reset;
+	          reset = _props7.reset,
+	          change = _props7.change;
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
 	      var Button = inputs.Button;
@@ -3381,10 +3327,18 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { style: { marginLeft: 16 } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', width: 166 } },
+	            _react2.default.createElement(Select, { selectedDataEntity: this.state.selectedDataEntity, label: 'Add Default Entity',
+	              onSelect: this.addDefaultDataEntity, values: step.defaultSchema,
+	              selectedValues: formValues[step.mode + 'Schema']
+	            })
+	          ),
 	          _react2.default.createElement(
 	            Button,
 	            { type: 'brand', onClick: this.loadDefault },
-	            'Load Default'
+	            'Load All Defaults'
 	          ),
 	          '\xA0\xA0',
 	          _react2.default.createElement(
@@ -3414,100 +3368,18 @@ module.exports =
 	            'Add'
 	          ),
 	          _react2.default.createElement('br', null),
-	          _react2.default.createElement('br', null),
-	          wizard.data && wizard.data[step.mode] ? _react2.default.createElement(Select, { wizard: wizard, step: step, selectedDataEntity: this.state.selectedDataEntity,
-	            onSelect: function onSelect(v) {
-	              return _this2.setState({ selectedDataEntity: v });
-	            }
-	          }) : null
+	          _react2.default.createElement('br', null)
 	        ),
-	        _react2.default.createElement('br', null),
-	        this.state.selectedDataEntity || wizard.data && wizard.data[step.mode] ? _react2.default.createElement(
+	        this.state.selectedDataEntity ? _react2.default.createElement(
 	          'div',
-	          { style: { position: 'relative', width: 740 } },
-	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block' } },
-	            _react2.default.createElement(
-	              'span',
-	              { style: { display: 'inline-block', maxWidth: 205, whiteSpace: 'nowrap' } },
-	              this.state.selectedDataEntity ? _react2.default.createElement(
-	                'strong',
-	                null,
-	                this.state.selectedDataEntity
-	              ) : _react2.default.createElement(
-	                'span',
-	                null,
-	                'Field Types:'
-	              )
-	            ),
-	            wizard.data && wizard.data[step.mode] ? _react2.default.createElement(
-	              'div',
-	              { style: { float: 'right' } },
-	              _react2.default.createElement(
-	                Button,
-	                { type: 'brand', style: smallButtonStyle,
-	                  onClick: function onClick(e) {
-	                    return _this2.deselectAll(_this2.state.selectedDataEntity);
-	                  } },
-	                'Remove All'
-	              ),
-	              _react2.default.createElement(
-	                Button,
-	                { type: 'brand', style: smallButtonStyle,
-	                  onClick: function onClick(e) {
-	                    return _this2.selectAll(_this2.state.selectedDataEntity);
-	                  } },
-	                'Select All'
-	              )
-	            ) : null,
-	            _react2.default.createElement(
-	              'div',
-	              { style: { background: 'white', height: 288, width: 350, overflow: 'scroll', border: '1px solid rgb(204, 205, 207)', padding: '12px 0 12px 20px' } },
-	              _react2.default.createElement(
-	                'div',
-	                { style: { marginBottom: 7 } },
-	                _react2.default.createElement(Input, { className: 'form-control', type: 'text', value: this.state.newField, onChange: function onChange(e) {
-	                    return !e.target.value.includes('.') ? _this2.setState({ newField: e.target.value }) : {};
-	                  },
-	                  style: { width: 250, display: 'inline-block' }, placeholder: 'Add Field', onKeyPress: this.newFieldKeyPress, disabled: !this.state.selectedDataEntity
-	                }),
-	                _react2.default.createElement(
-	                  Button,
-	                  { type: 'brand', onClick: this.addCustomField, disabled: !this.state.newField,
-	                    style: { float: 'right', marginRight: 19 } },
-	                  'Add'
-	                )
-	              ),
-	              wizard.data && wizard.data[step.mode] && wizard.data[step.mode][this.state.selectedDataEntity] && Object.keys(wizard.data[step.mode][this.state.selectedDataEntity]).map(function (field, i) {
-	                return _react2.default.createElement(
-	                  'div',
-	                  { key: i },
-	                  _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Schema.' + _this2.state.selectedDataEntity + '.' + field,
-	                    component: inputs.rfCheckbox, type: 'checkbox', label: field })
-	                );
-	              })
-	            )
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block', marginLeft: 40 } },
-	            _react2.default.createElement(
-	              'h5',
-	              null,
-	              'Source Schema:'
-	            ),
-	            includedFields ? _react2.default.createElement(_schemaAccordion2.default, { values: includedFields, selectedEntity: this.state.selectedDataEntity,
-	              pickEntity: function pickEntity(v) {
-	                _this2.setState({ selectedDataEntity: v });
-	              }
-	            }) : null
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { position: 'absolute', left: 358, top: 154, fontSize: 28, color: '#BBBBBB' } },
-	            '\u25B6'
-	          ),
+	          { style: { position: 'relative', width: 550, marginLeft: 16 } },
+	          includedFields ? _react2.default.createElement(_schemaAccordion2.default, { values: includedFields,
+	            pickEntity: this.pickEntity, inputs: inputs, step: step,
+	            change: change, formValues: formValues,
+	            selectedEntity: this.state.selectedDataEntity,
+	            innerSelectedEntity: this.state.innerSelectedEntity,
+	            selectAll: this.selectAll, deselectAll: this.deselectAll
+	          }) : null,
 	          _react2.default.createElement('br', null)
 	        ) : null,
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
@@ -3621,6 +3493,7 @@ module.exports =
 	            _react2.default.createElement(
 	              'div',
 	              { className: 'accordion-panel-header',
+	                style: { height: 35 },
 	                onClick: function onClick() {
 	                  _this2.setState({ innerSelectedEntity: selectedEntity === entity && _this2.state.innerSelectedEntity === entity ? '' : entity });
 	                  _this2.scrollToTop(_this2.main, 18, i * 45 + 6);
@@ -3685,6 +3558,12 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	var _reduxForm = __webpack_require__(2);
+	
+	var _reactAddonsCssTransitionGroup = __webpack_require__(27);
+	
+	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
+	
 	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"); } }
@@ -3702,12 +3581,41 @@ module.exports =
 	    var _this = _possibleConstructorReturn(this, (SchemaAccordion.__proto__ || Object.getPrototypeOf(SchemaAccordion)).call(this));
 	
 	    _this.state = {
-	      innerSelectedEntity: ''
+	      newField: ''
 	    };
+	    _this.addCustomField = _this.addCustomField.bind(_this);
+	    _this.newFieldKeyPress = _this.newFieldKeyPress.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(SchemaAccordion, [{
+	    key: 'addCustomField',
+	    value: function addCustomField(e) {
+	      e.stopPropagation();
+	      var _props = this.props,
+	          step = _props.step,
+	          change = _props.change,
+	          formValues = _props.formValues,
+	          selectedEntity = _props.selectedEntity;
+	
+	      var includedFields = formValues[step.mode + 'Schema'] || {};
+	      //actions.addFieldToWizardData(this.state.newField, this.state.selectedDataEntity, step.mode)
+	      this.setState({ newField: '' });
+	      var obj = Object.assign({}, includedFields);
+	      var entityObj = Object.assign({}, obj[selectedEntity]);
+	      entityObj[this.state.newField] = true;
+	      obj[selectedEntity] = entityObj;
+	      change(step.mode + 'Schema', obj);
+	    }
+	  }, {
+	    key: 'newFieldKeyPress',
+	    value: function newFieldKeyPress(e) {
+	      if (e.charCode === 13) {
+	        e.preventDefault();
+	        this.addCustomField(e);
+	      }
+	    }
+	  }, {
 	    key: 'scrollToTop',
 	    value: function scrollToTop(element, scrollDuration, scrollTarget) {
 	      var initial = element.scrollTop,
@@ -3723,6 +3631,7 @@ module.exports =
 	        window.requestAnimationFrame(go);
 	      }
 	      if (step !== 0) {
+	        // if already on top
 	        window.requestAnimationFrame(go);
 	      }
 	    }
@@ -3731,59 +3640,149 @@ module.exports =
 	    value: function render() {
 	      var _this2 = this;
 	
-	      var _props = this.props,
-	          pickEntity = _props.pickEntity,
-	          values = _props.values,
-	          selectedEntity = _props.selectedEntity;
-	
+	      var _props2 = this.props,
+	          inputs = _props2.inputs,
+	          step = _props2.step,
+	          pickEntity = _props2.pickEntity,
+	          values = _props2.values,
+	          selectedEntity = _props2.selectedEntity,
+	          innerSelectedEntity = _props2.innerSelectedEntity;
 	
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
+	      var smallButtonStyle = {
+	        marginLeft: 4,
+	        height: 22,
+	        width: 68,
+	        lineHeight: '20px',
+	        padding: 0,
+	        verticalAlign: 'middle',
+	        marginBottom: 4,
+	        fontSize: 10
+	      };
 	      return _react2.default.createElement(
 	        'div',
 	        { ref: function ref(_ref) {
 	            _this2.main = _ref;
 	          }, id: 'main',
 	          style: {
-	            background: 'white', height: 288, width: 350, overflow: 'scroll',
+	            background: 'white', height: 350, width: 550, overflow: 'scroll',
 	            border: '1px solid rgb(204, 205, 207)', padding: 12
 	          }
 	        },
 	        Object.keys(values).map(function (entity, i) {
 	          return _react2.default.createElement(
 	            'div',
-	            { key: i, className: 'accordion-panel',
-	              style: { display: !Object.keys(values[entity]).every(function (field) {
-	                  return !values[entity][field];
-	                }) ? 'block' : 'none' }
-	            },
+	            { key: i, className: 'accordion-panel' },
 	            _react2.default.createElement(
 	              'div',
-	              { className: 'accordion-panel-header',
+	              {
+	                className: innerSelectedEntity === entity ? "accordion-panel-header accordion-panel-header-selected" : "accordion-panel-header",
 	                onClick: function onClick() {
-	                  _this2.setState({ innerSelectedEntity: selectedEntity === entity && _this2.state.innerSelectedEntity === entity ? '' : entity });
-	                  _this2.scrollToTop(_this2.main, 18, i * 45 + 6);
+	                  _this2.scrollToTop(_this2.main, 18, i * 58 + 6);
 	                  pickEntity(entity);
 	                }
 	              },
-	              entity
+	              _react2.default.createElement(
+	                'div',
+	                { style: { paddingTop: 8, overflow: 'hidden', display: 'inline-block', width: 228, textDecoration: 'inherit' } },
+	                entity
+	              ),
+	              _react2.default.createElement(
+	                _reactAddonsCssTransitionGroup2.default,
+	                { transitionName: 'panel', transitionEnterTimeout: 300, transitionLeaveTimeout: 300 },
+	                innerSelectedEntity === entity ? _react2.default.createElement(
+	                  'div',
+	                  { style: { display: 'inline-block', verticalAlign: 'top' }, className: 'transition' },
+	                  _react2.default.createElement(Input, { type: 'text', value: _this2.state.newField, disabled: !selectedEntity,
+	                    onChange: function onChange(e) {
+	                      return !e.target.value.includes('.') && e.target.value.charAt(0) !== ' ' ? _this2.setState({ newField: e.target.value }) : {};
+	                    },
+	                    style: { width: 200, display: 'inline-block' }, placeholder: 'Add Field', onKeyPress: _this2.newFieldKeyPress,
+	                    onClick: function onClick(e) {
+	                      return e.stopPropagation();
+	                    }
+	                  }),
+	                  _react2.default.createElement(
+	                    Button,
+	                    { type: 'neutral', onClick: _this2.addCustomField, disabled: !_this2.state.newField,
+	                      style: { marginLeft: 10 } },
+	                    'Add'
+	                  )
+	                ) : null
+	              )
 	            ),
 	            _react2.default.createElement(
-	              'div',
-	              { className: 'accordion-panel-collapse',
-	                style: {
-	                  height: _this2.state.innerSelectedEntity === entity ? Object.keys(values[entity]).length * 19 + 19 : 0
-	                }
-	              },
-	              _react2.default.createElement('div', { style: { height: 9 } }),
-	              Object.keys(values[entity]).filter(function (f) {
-	                return values[entity][f];
-	              }).map(function (field, ii) {
-	                return _react2.default.createElement(
+	              _reactAddonsCssTransitionGroup2.default,
+	              { transitionName: 'fieldslabel', transitionEnterTimeout: 200, transitionLeaveTimeout: 200 },
+	              innerSelectedEntity === entity ? _react2.default.createElement(
+	                'div',
+	                null,
+	                _react2.default.createElement(
 	                  'div',
-	                  { key: ii },
-	                  field
-	                );
-	              }),
-	              _react2.default.createElement('div', { style: { height: 9 } })
+	                  { style: {
+	                      color: '#54698d',
+	                      textTransform: 'uppercase',
+	                      letterSpacing: '1px',
+	                      marginLeft: 12,
+	                      marginTop: 9,
+	                      display: 'inline-block'
+	                    } },
+	                  'Fields:'
+	                ),
+	                _react2.default.createElement(
+	                  'div',
+	                  { style: { float: 'right', marginTop: 6, marginRight: 8 } },
+	                  _react2.default.createElement(
+	                    Button,
+	                    { type: 'brand', style: smallButtonStyle,
+	                      onClick: _this2.props.deselectAll },
+	                    'Remove All'
+	                  ),
+	                  _react2.default.createElement(
+	                    Button,
+	                    { type: 'brand', style: smallButtonStyle,
+	                      onClick: _this2.props.selectAll },
+	                    'Select All'
+	                  )
+	                )
+	              ) : null
+	            ),
+	            _react2.default.createElement(
+	              _reactAddonsCssTransitionGroup2.default,
+	              { transitionName: 'panel', transitionEnterTimeout: 200, transitionLeaveTimeout: 200 },
+	              innerSelectedEntity === entity ? _react2.default.createElement(
+	                'div',
+	                { className: 'accordion-panel-collapse',
+	                  style: {
+	                    height: values[entity] && innerSelectedEntity === entity ? Object.keys(values[entity]).length * 19 + 9 : 0
+	                  }
+	                },
+	                Object.keys(values[entity]).filter(function (f) {
+	                  return values[entity][f];
+	                }).sort(function (a, b) {
+	                  return a.toLowerCase() < b.toLowerCase() ? -1 : 1;
+	                }).map(function (field, ii) {
+	                  return _react2.default.createElement(
+	                    'div',
+	                    { className: 'schema-field', key: ii },
+	                    _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Schema.' + selectedEntity + '.' + field,
+	                      component: inputs.rfCheckbox, type: 'checkbox', label: field })
+	                  );
+	                }),
+	                Object.keys(values[entity]).filter(function (f) {
+	                  return !values[entity][f];
+	                }).sort(function (a, b) {
+	                  return a.toLowerCase() < b.toLowerCase() ? -1 : 1;
+	                }).map(function (field, ii) {
+	                  return _react2.default.createElement(
+	                    'div',
+	                    { className: 'schema-field', key: ii },
+	                    _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Schema.' + selectedEntity + '.' + field,
+	                      component: inputs.rfCheckbox, type: 'checkbox', label: field })
+	                  );
+	                })
+	              ) : null
 	            )
 	          );
 	        })
@@ -3952,11 +3951,19 @@ module.exports =
 	      //----------------------------------
 	      // Post
 	      //----------------------------------
+	      var _props = this.props,
+	          actions = _props.actions,
+	          redux = _props.redux,
+	          onFinish = _props.onFinish,
+	          typeGuid = _props.typeGuid,
+	          accountId = _props.accountId,
+	          tenantId = _props.tenantId;
+	
 	      var appId = values.existingAccount; // need to add "new account" here as well
 	      if (parseInt(1, 10) === 6) {
-	        this.props.actions.submitWizardData(this.props.redux.main.tenantInfo.TenantId, appId, schemas.source, schemas.destination, mapping, configuration, config.title);
+	        actions.submitWizardData(redux.main.tenantInfo.TenantId, appId, schemas.source, schemas.destination, mapping, configuration, config.title, typeGuid);
 	      }
-	      this.props.actions.testAjax();
+	      actions.testAjax(onFinish);
 	    }
 	  }, {
 	    key: 'nextPage',
@@ -3984,12 +3991,12 @@ module.exports =
 	      var _this3 = this;
 	
 	      var currentPage = this.state.currentPage;
-	      var _props = this.props,
-	          steps = _props.steps,
-	          actions = _props.actions,
-	          wizard = _props.wizard,
-	          formValues = _props.formValues,
-	          inputs = _props.inputs;
+	      var _props2 = this.props,
+	          steps = _props2.steps,
+	          actions = _props2.actions,
+	          wizard = _props2.wizard,
+	          formValues = _props2.formValues,
+	          inputs = _props2.inputs;
 	      var Sidebar = inputs.Sidebar;
 	
 	      return _react2.default.createElement(
@@ -4079,7 +4086,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(27);
+	var _redux = __webpack_require__(28);
 	
 	var _reactRedux = __webpack_require__(7);
 	
@@ -4111,13 +4118,13 @@ module.exports =
 	
 	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 WizardFormLoader = function (_Component) {
-	  _inherits(WizardFormLoader, _Component);
+	var LingkSync = function (_Component) {
+	  _inherits(LingkSync, _Component);
 	
-	  function WizardFormLoader() {
-	    _classCallCheck(this, WizardFormLoader);
+	  function LingkSync() {
+	    _classCallCheck(this, LingkSync);
 	
-	    var _this = _possibleConstructorReturn(this, (WizardFormLoader.__proto__ || Object.getPrototypeOf(WizardFormLoader)).call(this));
+	    var _this = _possibleConstructorReturn(this, (LingkSync.__proto__ || Object.getPrototypeOf(LingkSync)).call(this));
 	
 	    _this.state = {
 	      steps: null,
@@ -4171,7 +4178,7 @@ module.exports =
 	    return _this;
 	  }
 	
-	  _createClass(WizardFormLoader, [{
+	  _createClass(LingkSync, [{
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var wizard = example.wizards[1];
@@ -4256,7 +4263,7 @@ module.exports =
 	    }
 	  }]);
 	
-	  return WizardFormLoader;
+	  return LingkSync;
 	}(_react.Component);
 	
 	function mapStateToProps(state, props) {
@@ -4271,7 +4278,7 @@ module.exports =
 	  };
 	}
 	
-	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(WizardFormLoader);
+	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
 /* 25 */
@@ -4289,16 +4296,21 @@ module.exports =
 /* 27 */
 /***/ function(module, exports) {
 
-	module.exports = require("redux");
+	module.exports = require("react-addons-css-transition-group");
 
 /***/ },
 /* 28 */
+/***/ function(module, exports) {
+
+	module.exports = require("redux");
+
+/***/ },
+/* 29 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-bootstrap");
 
 /***/ },
-/* 29 */,
 /* 30 */,
 /* 31 */,
 /* 32 */,
@@ -4310,7 +4322,8 @@ module.exports =
 /* 38 */,
 /* 39 */,
 /* 40 */,
-/* 41 */
+/* 41 */,
+/* 42 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4362,7 +4375,7 @@ module.exports =
 	exports.default = Button;
 
 /***/ },
-/* 42 */
+/* 43 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -4384,7 +4397,7 @@ module.exports =
 	exports.default = Input;
 
 /***/ },
-/* 43 */
+/* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4397,7 +4410,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactBootstrap = __webpack_require__(28);
+	var _reactBootstrap = __webpack_require__(29);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -4491,7 +4504,7 @@ module.exports =
 	exports.default = MapTable;
 
 /***/ },
-/* 44 */
+/* 45 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4504,7 +4517,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactBootstrap = __webpack_require__(28);
+	var _reactBootstrap = __webpack_require__(29);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -4568,7 +4581,7 @@ module.exports =
 	exports.default = PreviewTable;
 
 /***/ },
-/* 45 */
+/* 46 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4584,8 +4597,7 @@ module.exports =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	var Select = function Select(props) {
-	  var wizard = props.wizard,
-	      step = props.step,
+	  var values = props.values,
 	      selectedDataEntity = props.selectedDataEntity,
 	      onSelect = props.onSelect;
 	
@@ -4604,10 +4616,10 @@ module.exports =
 	        { value: '', disabled: true },
 	        'Select Data Entity'
 	      ),
-	      wizard.data && wizard.data[step.mode] && Object.keys(wizard.data[step.mode]).map(function (key, index) {
+	      values && Object.keys(values).map(function (key, i) {
 	        return _react2.default.createElement(
 	          'option',
-	          { value: key, key: index },
+	          { value: key, key: i },
 	          key
 	        );
 	      })
@@ -4618,7 +4630,7 @@ module.exports =
 	exports.default = Select;
 
 /***/ },
-/* 46 */
+/* 47 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4710,7 +4722,7 @@ module.exports =
 	exports.default = Sidebar;
 
 /***/ },
-/* 47 */
+/* 48 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4741,7 +4753,7 @@ module.exports =
 	exports.default = Spinner;
 
 /***/ },
-/* 48 */
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4750,7 +4762,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Sidebar = __webpack_require__(46);
+	var _Sidebar = __webpack_require__(47);
 	
 	Object.defineProperty(exports, 'Sidebar', {
 	  enumerable: true,
@@ -4759,7 +4771,7 @@ module.exports =
 	  }
 	});
 	
-	var _Button = __webpack_require__(41);
+	var _Button = __webpack_require__(42);
 	
 	Object.defineProperty(exports, 'Button', {
 	  enumerable: true,
@@ -4768,7 +4780,7 @@ module.exports =
 	  }
 	});
 	
-	var _Input = __webpack_require__(42);
+	var _Input = __webpack_require__(43);
 	
 	Object.defineProperty(exports, 'Input', {
 	  enumerable: true,
@@ -4777,7 +4789,7 @@ module.exports =
 	  }
 	});
 	
-	var _Spinner = __webpack_require__(47);
+	var _Spinner = __webpack_require__(48);
 	
 	Object.defineProperty(exports, 'Spinner', {
 	  enumerable: true,
@@ -4786,7 +4798,7 @@ module.exports =
 	  }
 	});
 	
-	var _Select = __webpack_require__(45);
+	var _Select = __webpack_require__(46);
 	
 	Object.defineProperty(exports, 'Select', {
 	  enumerable: true,
@@ -4795,7 +4807,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfInput = __webpack_require__(50);
+	var _rfInput = __webpack_require__(51);
 	
 	Object.defineProperty(exports, 'rfInput', {
 	  enumerable: true,
@@ -4804,7 +4816,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfRadioGroup = __webpack_require__(51);
+	var _rfRadioGroup = __webpack_require__(52);
 	
 	Object.defineProperty(exports, 'rfRadioGroup', {
 	  enumerable: true,
@@ -4813,7 +4825,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfCheckbox = __webpack_require__(49);
+	var _rfCheckbox = __webpack_require__(50);
 	
 	Object.defineProperty(exports, 'rfCheckbox', {
 	  enumerable: true,
@@ -4822,7 +4834,7 @@ module.exports =
 	  }
 	});
 	
-	var _MapTable = __webpack_require__(43);
+	var _MapTable = __webpack_require__(44);
 	
 	Object.defineProperty(exports, 'MapTable', {
 	  enumerable: true,
@@ -4831,7 +4843,7 @@ module.exports =
 	  }
 	});
 	
-	var _PreviewTable = __webpack_require__(44);
+	var _PreviewTable = __webpack_require__(45);
 	
 	Object.defineProperty(exports, 'PreviewTable', {
 	  enumerable: true,
@@ -4840,7 +4852,7 @@ module.exports =
 	  }
 	});
 	
-	var _theme = __webpack_require__(53);
+	var _theme = __webpack_require__(54);
 	
 	Object.defineProperty(exports, 'styles', {
 	  enumerable: true,
@@ -4861,10 +4873,10 @@ module.exports =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 49 */
+/* 50 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -4886,24 +4898,26 @@ module.exports =
 	      error = _ref$meta.error;
 	
 	  return _react2.default.createElement(
-	    "div",
+	    'div',
 	    null,
-	    _react2.default.createElement("input", {
-	      type: "checkbox",
+	    _react2.default.createElement('input', {
+	      type: 'checkbox',
 	      disabled: disabled,
 	      checked: input.checked,
 	      onChange: function onChange(e) {
 	        return input.onChange(e);
 	      }
 	    }),
-	    "\xA0\xA0",
+	    '\xA0\xA0',
 	    _react2.default.createElement(
-	      "span",
-	      null,
+	      'span',
+	      { style: {
+	          color: input.checked ? 'black' : 'grey'
+	        } },
 	      label
 	    ),
 	    touched && error && _react2.default.createElement(
-	      "span",
+	      'span',
 	      null,
 	      error
 	    )
@@ -4913,7 +4927,7 @@ module.exports =
 	exports.default = rfCheckbox;
 
 /***/ },
-/* 50 */
+/* 51 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -4965,7 +4979,7 @@ module.exports =
 	exports.default = rfInput;
 
 /***/ },
-/* 51 */
+/* 52 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5008,8 +5022,8 @@ module.exports =
 	exports.default = rfRadioGroup;
 
 /***/ },
-/* 52 */,
-/* 53 */
+/* 53 */,
+/* 54 */
 25
 /******/ ])));
 //# sourceMappingURL=lingk.js.map