@lingk/sync 0.0.68 → 0.0.69

package/build/main.js

@@ -5396,7 +5396,8 @@ module.exports =
 	      leftClicked: false,
 	      justClicked: false,
 	      multiple: false,
-	      overflowHidden: true
+	      overflowHidden: true,
+	      customizingGroup: null
 	    };
 	    _this.pickEntity = _this.pickEntity.bind(_this);
 	    _this.unPick = _this.unPick.bind(_this);
@@ -5412,6 +5413,7 @@ module.exports =
 	    _this.go = _this.go.bind(_this);
 	    _this.disableMultiple = _this.disableMultiple.bind(_this);
 	    _this.addDefaultEntity = _this.addDefaultEntity.bind(_this);
+	    _this.customize = _this.customize.bind(_this);
 	    return _this;
 	  }
 	
@@ -5455,6 +5457,15 @@ module.exports =
 	          break;
 	      }
 	    }
+	  }, {
+	    key: 'customize',
+	    value: function customize(groupName) {
+	      if (this.state.customizingGroup === groupName) {
+	        this.setState({ customizingGroup: null });
+	      } else {
+	        this.setState({ customizingGroup: groupName });
+	      }
+	    }
 	  }, {
 	    key: 'showOverflow',
 	    value: function showOverflow() {
@@ -5475,7 +5486,8 @@ module.exports =
 	        resourceGroupIndex: resourceGroupIndex,
 	        paneToggle: !this.state.paneToggle,
 	        overflowHidden: true,
-	        justClicked: true
+	        justClicked: true,
+	        customizingGroup: null
 	      });
 	      setTimeout(function () {
 	        _this2.setState({ justClicked: false });
@@ -5600,7 +5612,9 @@ module.exports =
 	        removeResourceGroup: this.removeResourceGroup,
 	        disableMultiple: this.disableMultiple,
 	        clickTableRow: this.clickDot,
-	        unPick: this.unPick
+	        unPick: this.unPick,
+	        customizingGroup: this.state.customizingGroup,
+	        customize: this.customize
 	      };
 	
 	      var smallButtonStyle = {
@@ -16909,6 +16923,7 @@ module.exports =
 	  value: true
 	});
 	exports.callCheckConnection = callCheckConnection;
+	exports.callAddCustomField = callAddCustomField;
 	exports.callGetScenario = callGetScenario;
 	exports.callPreviewIntegration = callPreviewIntegration;
 	exports.callPostBundles = callPostBundles;
@@ -16973,7 +16988,23 @@ module.exports =
 	  };
 	}
 	
-	function callGetScenario(magicNumber, bundleGuid, mappingGuid) {
+	function callAddCustomField(objectType, fieldName, fieldLabel, completedCallback) {
+	  return function (dispatch, getState, api) {
+	    var _getState2 = getState(),
+	        config = _getState2.config;
+	
+	    var TRANS_API_URL = config.TRANS_API_URL;
+	
+	    return api.get('transformer/versions/1606/latest', {
+	      endpoint: TRANS_API_URL
+	    }).then(function (res) {
+	      console.log(res);
+	      completedCallback();
+	    });
+	  };
+	}
+	
+	function callGetScenario(magicNumber, bundleGuid, mappingGuid, completedCallback) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.START_GET_SCENARIO
@@ -16984,8 +17015,10 @@ module.exports =
 	      dispatch({
 	        type: types.FINISH_GET_SCENARIO
 	      });
+	      completedCallback();
 	    }).catch(function (err) {
 	      console.log(err);
+	      completedCallback();
 	    });
 	  };
 	}
@@ -16996,8 +17029,8 @@ module.exports =
 	      type: types.START_PREVIEW
 	    });
 	
-	    var _getState2 = getState(),
-	        config = _getState2.config;
+	    var _getState3 = getState(),
+	        config = _getState3.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17016,8 +17049,8 @@ module.exports =
 	
 	function callPostBundles(tenantId, appId, bundles) {
 	  return function (dispatch, getState, api) {
-	    var _getState3 = getState(),
-	        config = _getState3.config;
+	    var _getState4 = getState(),
+	        config = _getState4.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17033,8 +17066,8 @@ module.exports =
 	
 	function callPostMapping(tenantId, appId, mappings) {
 	  return function (dispatch, getState, api) {
-	    var _getState4 = getState(),
-	        config = _getState4.config;
+	    var _getState5 = getState(),
+	        config = _getState5.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17050,8 +17083,8 @@ module.exports =
 	
 	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState5 = getState(),
-	        config = _getState5.config;
+	    var _getState6 = getState(),
+	        config = _getState6.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17073,8 +17106,8 @@ module.exports =
 	
 	function callGenerateRecipe(tenantId, appId, typeGuid, title, piGuid, mappingGuid, destinationMetadata) {
 	  return function (dispatch, getState, api) {
-	    var _getState6 = getState(),
-	        config = _getState6.config;
+	    var _getState7 = getState(),
+	        config = _getState7.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17121,8 +17154,8 @@ module.exports =
 	
 	function callExecuteTransformer(transId) {
 	  return function (dispatch, getState, api) {
-	    var _getState7 = getState(),
-	        config = _getState7.config;
+	    var _getState8 = getState(),
+	        config = _getState8.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17149,8 +17182,8 @@ module.exports =
 	
 	function callLookupLogData(externalExecutionId, index, onFinish, generatedRecipe, piGuid, mapGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState8 = getState(),
-	        config = _getState8.config;
+	    var _getState9 = getState(),
+	        config = _getState9.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17195,8 +17228,8 @@ module.exports =
 	    };
 	  }
 	  return function (dispatch, getState, api) {
-	    var _getState9 = getState(),
-	        config = _getState9.config;
+	    var _getState10 = getState(),
+	        config = _getState10.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17211,8 +17244,8 @@ module.exports =
 	
 	function callDeployTrigger(generatedRecipe, piGuid, mapGuid, onFinish) {
 	  return function (dispatch, getState, api) {
-	    var _getState10 = getState(),
-	        config = _getState10.config;
+	    var _getState11 = getState(),
+	        config = _getState11.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17247,8 +17280,8 @@ module.exports =
 	function callGetPiConfig(tenantId, accountId, piGuid, providers, metadataEndpoints) {
 	  if (piGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState11 = getState(),
-	          config = _getState11.config;
+	      var _getState12 = getState(),
+	          config = _getState12.config;
 	
 	      var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17285,8 +17318,8 @@ module.exports =
 	function callGetBundles(tenantId, accountId, bundlePackGuid) {
 	  if (bundlePackGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState12 = getState(),
-	          config = _getState12.config;
+	      var _getState13 = getState(),
+	          config = _getState13.config;
 	
 	      var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17307,8 +17340,8 @@ module.exports =
 	function callGetMapping(tenantId, accountId, mappingGuid) {
 	  if (mappingGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState13 = getState(),
-	          config = _getState13.config;
+	      var _getState14 = getState(),
+	          config = _getState14.config;
 	
 	      var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17342,8 +17375,8 @@ module.exports =
 	
 	function callGetProviderMetadata(tenantId, appId, urlSuffix, mode, providerType) {
 	  return function (dispatch, getState, api) {
-	    var _getState14 = getState(),
-	        config = _getState14.config;
+	    var _getState15 = getState(),
+	        config = _getState15.config;
 	
 	    var AGENT_API_URL = config.AGENT_API_URL;
 	
@@ -17366,8 +17399,8 @@ module.exports =
 	
 	function callGetTrigger(transBaseId) {
 	  return function (dispatch, getState, api) {
-	    var _getState15 = getState(),
-	        config = _getState15.config;
+	    var _getState16 = getState(),
+	        config = _getState16.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17383,20 +17416,16 @@ module.exports =
 	}
 	
 	function setWizardLoaded(bool) {
-	  return function (dispatch, getState, api) {
-	    dispatch({
-	      type: types.SET_WIZARD_LOADED,
-	      bool: bool
-	    });
+	  return {
+	    type: types.SET_WIZARD_LOADED,
+	    bool: bool
 	  };
 	}
 	
 	function setWizardDataLoaded(bool) {
-	  return function (dispatch, getState, api) {
-	    dispatch({
-	      type: types.SET_WIZARD_DATA_LOADED,
-	      bool: bool
-	    });
+	  return {
+	    type: types.SET_WIZARD_DATA_LOADED,
+	    bool: bool
 	  };
 	}
 	
@@ -18563,7 +18592,8 @@ module.exports =
 	          change = _props3.change,
 	          step = _props3.step,
 	          reset = _props3.reset,
-	          wizard = _props3.wizard;
+	          wizard = _props3.wizard,
+	          actions = _props3.actions;
 	
 	      var MapTable = inputs.MapTable;
 	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : null;
@@ -18605,10 +18635,10 @@ module.exports =
 	            { style: { position: 'relative' } },
 	            _react2.default.createElement(
 	              _groupNav2.default,
-	              { resourceGroups: resourceGroups, customizable: false, isBundleStep: false, inputs: inputs,
+	              { resourceGroups: resourceGroups, isBundleStep: false, inputs: inputs,
 	                style: { position: 'relative', width: 640, height: 69, zIndex: 9000 }, step: step },
 	              _react2.default.createElement(_mapAccordion2.default, { sourceSchema: sourceSchema, destinationSchema: destinationSchema,
-	                formValues: formValues, change: change, update: this.update, step: step }),
+	                formValues: formValues, change: change, update: this.update, step: step, actions: actions }),
 	              _react2.default.createElement(
 	                MapTable,
 	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping },
@@ -19061,18 +19091,40 @@ module.exports =
 	    };
 	
 	    _this.select = function (o) {
-	      var wizard = _this.props.wizard;
+	      var _this$props = _this.props,
+	          wizard = _this$props.wizard,
+	          formValues = _this$props.formValues;
 	
-	      if (wizard.savedConfiguration && wizard.savedConfiguration.scenario) {
-	        _this.openModal(o);
-	      } else {
-	        _this.changeScenario(o);
+	      if (!(formValues.scenario && formValues.scenario === o.name)) {
+	        if (wizard.savedConfiguration && wizard.savedConfiguration.scenario) {
+	          _this.openModal(o);
+	        } else {
+	          _this.changeScenario(o);
+	        }
 	      }
 	    };
 	
+	    _this.goLoading = function () {
+	      _this.setState({ loadingDots: '.' });
+	      _this.loadingInterval = setInterval(function () {
+	        if (_this.state.loadingDots.length <= 10) {
+	          _this.setState({ loadingDots: _this.state.loadingDots + '.' });
+	        } else {
+	          _this.setState({ loadingDots: '.' });
+	        }
+	      }, 150);
+	    };
+	
+	    _this.completedCallback = function () {
+	      _this.setState({ currentlyLoadingScenario: '', loadingDots: '' });
+	      clearInterval(_this.loadingInterval);
+	    };
+	
 	    _this.state = {
 	      showModal: false,
-	      modalOption: null
+	      modalOption: null,
+	      currentlyLoadingScenario: '',
+	      loadingDots: ''
 	    };
 	    return _this;
 	  }
@@ -19110,7 +19162,9 @@ module.exports =
 	
 	      change('resourceGroups', null); //clear old data
 	      change('scenario', o.name);
-	      actions.callGetScenario(step.magicNumber, o.bundleGuid, o.mappingGuid);
+	      actions.callGetScenario(step.magicNumber, o.bundleGuid, o.mappingGuid, this.completedCallback);
+	      this.setState({ currentlyLoadingScenario: o.name });
+	      this.goLoading();
 	    }
 	  }, {
 	    key: 'render',
@@ -19154,10 +19208,12 @@ module.exports =
 	            return _react2.default.createElement(
 	              'div',
 	              { key: i },
-	              _react2.default.createElement(Radio, { label: o.title, checked: o.name === scenario, style: { cursor: 'pointer' },
-	                onChange: function onChange() {
+	              _react2.default.createElement(Radio, { onChange: function onChange() {
 	                  return _this2.select(o);
-	                } }),
+	                },
+	                label: '' + o.title + (_this2.state.currentlyLoadingScenario === o.name ? _this2.state.loadingDots : ''),
+	                checked: o.name === scenario, style: { cursor: 'pointer' }
+	              }),
 	              _react2.default.createElement('br', null),
 	              _react2.default.createElement(
 	                'span',
@@ -19495,6 +19551,21 @@ module.exports =
 	
 	      var destinationSchema = wizard['destinationMetadata'] ? wizard['destinationMetadata'] : null;
 	
+	      var enabled = resourceGroups && resourceGroups.length > 0 && resourceGroups.every(function (g) {
+	        var isConnected = false;
+	        if (g.customExternalKeys) {
+	          if (g.sourceKeys && g.sourceKeys.length > 0 && g.destinationKeys && g.destinationKeys.length > 0) {
+	            isConnected = true;
+	          }
+	        } else {
+	          if (g.lingkSourceKey) isConnected = true;
+	        }
+	        var areJoined = g.resources && g.resources.every(function (r, i) {
+	          return i === 0 || r.joinKeyName && r.primaryKeyName;
+	        });
+	        return isConnected && areJoined;
+	      });
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -19526,7 +19597,7 @@ module.exports =
 	            { isBundleStep: true, style: { position: 'relative', width: 585, height: 69, zIndex: 9000 },
 	              resourceGroups: resourceGroups, removeGroup: this.removeGroup, addGroup: this.addGroup,
 	              destinationSchema: destinationSchema, changeGroupOrder: this.changeGroupOrder, step: step,
-	              inputs: inputs, customizable: step.customizable, addDefaultEntity: this.addDefaultEntity },
+	              inputs: inputs, addDefaultEntity: this.addDefaultEntity },
 	            _react2.default.createElement(_schemaAccordion2.default, { sourceSchema: sourceSchema, removeEntity: this.removeEntity,
 	              changeEntityOrder: this.changeEntityOrder, step: step, destinationSchema: destinationSchema }),
 	            _react2.default.createElement(
@@ -19554,10 +19625,7 @@ module.exports =
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs,
-	          nextDisabled: !(resourceGroups && resourceGroups.length > 0) || !resourceGroups.every(function (g) {
-	            return g.resources;
-	          }) //&& g.destinationKey && g.resources.every(rsc=>rsc.externalKey))
-	        })
+	          nextDisabled: !enabled })
 	      );
 	    }
 	  }]);
@@ -20080,13 +20148,79 @@ module.exports =
 	    var _this = _possibleConstructorReturn(this, (MapAccordion.__proto__ || Object.getPrototypeOf(MapAccordion)).call(this));
 	
 	    _this.state = {
-	      selectedField: null
+	      selectedField: null,
+	      customFieldValue: '',
+	      addNewButtonText: 'Add New'
 	    };
 	    _this.onSelectDestinationField = _this.onSelectDestinationField.bind(_this);
+	    _this.customize = _this.customize.bind(_this);
+	    _this.submitCustomField = _this.submitCustomField.bind(_this);
+	    _this.changeCustomFieldValue = _this.changeCustomFieldValue.bind(_this);
+	    _this.completedCallback = _this.completedCallback.bind(_this);
+	    _this.goLoading = _this.goLoading.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(MapAccordion, [{
+	    key: 'customize',
+	    value: function customize(groupName) {
+	      var _this2 = this;
+	
+	      this.props.customize(groupName);
+	      setTimeout(function () {
+	        if (_this2.customFieldInput) {
+	          _this2.customFieldInput.focus();
+	        }
+	      }, 100);
+	    }
+	  }, {
+	    key: 'changeCustomFieldValue',
+	    value: function changeCustomFieldValue(e) {
+	      var last = e.target.value[e.target.value.length - 1];
+	      if (!(last === ' ' && (this.state.customFieldValue.length === 0 || this.state.customFieldValue[this.state.customFieldValue.length - 1] === ' '))) {
+	        this.setState({ customFieldValue: e.target.value });
+	      }
+	    }
+	  }, {
+	    key: 'submitCustomField',
+	    value: function submitCustomField() {
+	      var _props = this.props,
+	          destinationSchema = _props.destinationSchema,
+	          customizingGroup = _props.customizingGroup,
+	          actions = _props.actions;
+	
+	      var fieldLabel = this.state.customFieldValue;
+	      if (fieldLabel[fieldLabel.length - 1] === ' ') {
+	        fieldLabel = fieldLabel.slice(0, -1);
+	      }
+	      var fieldName = 'lingk__' + fieldLabel.replace(' ', '_') + '__c';
+	      var object = destinationSchema.find(function (o) {
+	        return o.name === customizingGroup;
+	      });
+	      actions.callAddCustomField(object.type, fieldName, fieldLabel, this.completedCallback);
+	      this.goLoading();
+	    }
+	  }, {
+	    key: 'goLoading',
+	    value: function goLoading() {
+	      var _this3 = this;
+	
+	      this.setState({ addNewButtonText: '.' });
+	      this.loadingInterval = setInterval(function () {
+	        if (_this3.state.addNewButtonText.length <= 10) {
+	          _this3.setState({ addNewButtonText: _this3.state.addNewButtonText + '.' });
+	        } else {
+	          _this3.setState({ addNewButtonText: '.' });
+	        }
+	      }, 150);
+	    }
+	  }, {
+	    key: 'completedCallback',
+	    value: function completedCallback() {
+	      this.setState({ customFieldValue: '', addNewButtonText: 'Add New' });
+	      clearInterval(this.loadingInterval);
+	    }
+	  }, {
 	    key: 'scrollToTop',
 	    value: function scrollToTop(element, scrollDuration, scrollTarget) {
 	      var initial = element.scrollTop,
@@ -20108,11 +20242,11 @@ module.exports =
 	  }, {
 	    key: 'onSelectDestinationField',
 	    value: function onSelectDestinationField(group, field) {
-	      var _props = this.props,
-	          change = _props.change,
-	          formValues = _props.formValues,
-	          selectedEntities = _props.selectedEntities,
-	          resourceGroupIndex = _props.resourceGroupIndex;
+	      var _props2 = this.props,
+	          change = _props2.change,
+	          formValues = _props2.formValues,
+	          selectedEntities = _props2.selectedEntities,
+	          resourceGroupIndex = _props2.resourceGroupIndex;
 	
 	      var selectedEntity = selectedEntities[resourceGroupIndex];
 	      if (this.state.selectedField) {
@@ -20145,19 +20279,23 @@ module.exports =
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _this2 = this;
+	      var _this4 = this;
 	
-	      var _props2 = this.props,
-	          selectedEntities = _props2.selectedEntities,
-	          resourceGroups = _props2.resourceGroups,
-	          resourceGroupIndex = _props2.resourceGroupIndex,
-	          leftClicked = _props2.leftClicked,
-	          sourceSchema = _props2.sourceSchema,
-	          destinationSchema = _props2.destinationSchema,
-	          toggle = _props2.toggle,
-	          step = _props2.step;
+	      var _props3 = this.props,
+	          selectedEntities = _props3.selectedEntities,
+	          resourceGroups = _props3.resourceGroups,
+	          resourceGroupIndex = _props3.resourceGroupIndex,
+	          leftClicked = _props3.leftClicked,
+	          sourceSchema = _props3.sourceSchema,
+	          destinationSchema = _props3.destinationSchema,
+	          toggle = _props3.toggle,
+	          step = _props3.step,
+	          customizingGroup = _props3.customizingGroup,
+	          inputs = _props3.inputs;
 	      var selectedField = this.state.selectedField;
 	
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
 	
 	      var group = resourceGroups[resourceGroupIndex];
 	      var selectedEntity = selectedEntities[resourceGroupIndex] || { name: '' };
@@ -20173,6 +20311,15 @@ module.exports =
 	        }
 	      });
 	
+	      var smallButtonStyle = {
+	        height: 18,
+	        lineHeight: '7px',
+	        padding: '0px 12px',
+	        fontSize: 10,
+	        float: 'right',
+	        width: 70
+	      };
+	
 	      return _react2.default.createElement(
 	        'div',
 	        null,
@@ -20198,7 +20345,7 @@ module.exports =
 	                  _react2.default.createElement(
 	                    'div',
 	                    { ref: function ref(_ref) {
-	                        _this2['scroller-' + ii] = _ref;
+	                        _this4['scroller-' + ii] = _ref;
 	                      }, className: 'scrolly',
 	                      style: { background: 'white', height: 261, width: 350, padding: '6px 12px' } },
 	                    group.resources && group.resources.map(function (rsc, i) {
@@ -20211,9 +20358,9 @@ module.exports =
 	                          { className: 'accordion-panel-header',
 	                            style: { height: 35 },
 	                            onClick: function onClick() {
-	                              _this2.scrollToTop(_this2['scroller-' + ii], 18, i * 43 + 6);
-	                              _this2.props.pickEntity({ name: rsc.name, isDestinationEntity: rsc.provider === step.destinationProvider });
-	                              _this2.setState({ selectedField: null });
+	                              _this4.scrollToTop(_this4['scroller-' + ii], 18, i * 43 + 6);
+	                              _this4.props.pickEntity({ name: rsc.name, isDestinationEntity: rsc.provider === step.destinationProvider });
+	                              _this4.setState({ selectedField: null });
 	                            }
 	                          },
 	                          _react2.default.createElement(
@@ -20256,7 +20403,7 @@ module.exports =
 	                              'div',
 	                              { key: ii, className: 'wizard-map-field',
 	                                style: style, onClick: function onClick() {
-	                                  return _this2.setState({ selectedField: field.label });
+	                                  return _this4.setState({ selectedField: field.label });
 	                                }
 	                              },
 	                              field.label
@@ -20278,7 +20425,19 @@ module.exports =
 	            _react2.default.createElement(
 	              'div',
 	              { style: { height: 27, borderBottom: '1px solid rgb(204, 205, 207)', padding: '4px 8px', fontWeight: 'bold', background: '#EEEEEE' } },
-	              'Target Fields'
+	              _react2.default.createElement(
+	                'span',
+	                null,
+	                'Target Fields'
+	              ),
+	              step.customizable && _react2.default.createElement(
+	                Button,
+	                { type: customizingGroup === group.name ? "neutral" : "brand",
+	                  style: smallButtonStyle, onClick: function onClick() {
+	                    return _this4.customize(group.name);
+	                  } },
+	                this.state.addNewButtonText
+	              )
 	            ),
 	            bit.map(function (x, i) {
 	              return _react2.default.createElement(
@@ -20291,6 +20450,21 @@ module.exports =
 	                  _react2.default.createElement(
 	                    'div',
 	                    { className: 'scrolly', style: { height: 256, padding: '8px 12px' } },
+	                    customizingGroup === group.name && _react2.default.createElement(
+	                      'div',
+	                      { style: { width: 264, marginBottom: 5 } },
+	                      _react2.default.createElement(Input, { placeholder: 'Add Custom Field', inputRef: function inputRef(ref) {
+	                          return _this4.customFieldInput = ref;
+	                        },
+	                        onChange: _this4.changeCustomFieldValue, value: _this4.state.customFieldValue,
+	                        symbolPattern: '[a-zA-Z ]', style: { width: 210 } }),
+	                      _react2.default.createElement(
+	                        Button,
+	                        { type: 'neutral', style: { float: 'right' }, onClick: _this4.submitCustomField,
+	                          disabled: !_this4.state.customFieldValue || _this4.state.addNewButtonText !== 'Add New' },
+	                        'OK'
+	                      )
+	                    ),
 	                    destinationSchema && destinationSchema.find(function (r) {
 	                      return r.name === group.name;
 	                    }).properties.filter(function (p) {
@@ -20304,7 +20478,7 @@ module.exports =
 	                            fontWeight: mappings && Object.keys(mappings).includes(field.label) ? 'bold' : 'normal',
 	                            color: mappings && Object.keys(mappings).includes(field.label) ? '#16325c' : selectedField ? 'black' : 'grey'
 	                          }, onClick: function onClick() {
-	                            return _this2.onSelectDestinationField(group.name, field.label);
+	                            return _this4.onSelectDestinationField(group.name, field.label);
 	                          } },
 	                        field.label
 	                      );
@@ -20718,7 +20892,11 @@ module.exports =
 	            step.sourceProvider,
 	            ' Objects to map into the ',
 	            step.destinationProvider,
-	            ' Object. If multiple Objects are added to a single Sync Operation, the Keys for joining these objects must be configured as well.'
+	            ' Object. If multiple ',
+	            step.sourceProvider,
+	            ' Objects are added to a single ',
+	            step.destinationProvider,
+	            ' Object, the Keys for joining these objects must be configured as well.'
 	          )
 	        ),
 	        _react2.default.createElement(
@@ -21233,8 +21411,10 @@ module.exports =
 	    _this.nextPage = _this.nextPage.bind(_this);
 	    _this.previousPage = _this.previousPage.bind(_this);
 	    _this.onSubmit = _this.onSubmit.bind(_this);
+	    _this.goToPage = _this.goToPage.bind(_this);
 	    _this.state = {
-	      currentPage: null
+	      currentPage: 1,
+	      highestPage: 1
 	    };
 	    _this.possibleSteps = {
 	      account: _accountStep2.default,
@@ -21434,15 +21614,24 @@ module.exports =
 	    value: function nextPage() {
 	      //const { wizard } = this.props
 	      //const savedPage = (wizard.savedConfiguration && parseInt(wizard.savedConfiguration.currentPage, 10))
-	      this.setState({ currentPage: this.state.currentPage ? this.state.currentPage + 1 : 2 });
-	      //savedPage ? savedPage + 1 : 2 })
+	      this.setState({ currentPage: this.state.currentPage + 1 });
+	      if (this.state.currentPage + 1 > this.state.highestPage) {
+	        this.setState({ highestPage: this.state.currentPage + 1 });
+	      }
 	    }
 	  }, {
 	    key: 'previousPage',
 	    value: function previousPage() {
 	      //const { wizard } = this.props
 	      //const savedPage = (wizard.savedConfiguration && parseInt(wizard.savedConfiguration.currentPage, 10))
-	      this.setState({ currentPage: this.state.currentPage ? this.state.currentPage - 1 : 1 }); //: savedPage - 1 })
+	      this.setState({ currentPage: this.state.currentPage - 1 }); //: savedPage - 1 })
+	    }
+	  }, {
+	    key: 'goToPage',
+	    value: function goToPage(i) {
+	      if (i + 1 <= this.state.highestPage) {
+	        this.setState({ currentPage: i + 1 });
+	      }
 	    }
 	  }, {
 	    key: 'render',
@@ -21467,7 +21656,7 @@ module.exports =
 	          _react2.default.createElement(
 	            'div',
 	            { className: 'wizard-sidebar' },
-	            _react2.default.createElement(Sidebar, { steps: steps, currentPage: null })
+	            _react2.default.createElement(Sidebar, { steps: steps, currentPage: 1, highestPage: 1, goToPage: function goToPage() {} })
 	          ),
 	          _react2.default.createElement(
 	            'div',
@@ -21485,7 +21674,7 @@ module.exports =
 	              _react2.default.createElement(
 	                'div',
 	                { className: 'wizard-sidebar' },
-	                _react2.default.createElement(Sidebar, { steps: steps, currentPage: page })
+	                _react2.default.createElement(Sidebar, { steps: steps, currentPage: page, goToPage: _this3.goToPage, highestPage: _this3.state.highestPage })
 	              ),
 	              _react2.default.createElement(
 	                'div',
@@ -21604,8 +21793,6 @@ module.exports =
 	var wiz = {
 	  title: 'Banner to Salesforce',
 	  nameStep: false,
-	  phaseStep: false,
-	  filterStep: false,
 	  source: {
 	    type: 'Banner',
 	    name: 'Banner',
@@ -21617,7 +21804,7 @@ module.exports =
 	    type: 'Salesforce',
 	    name: 'Salesforce',
 	    env: false,
-	    customizable: false, // if destination schema is not customizable, disclude the entire step
+	    customizable: true,
 	    customStep: false
 	  },
 	  deployment: ['once', 'daily', 'repeating'],
@@ -21753,8 +21940,8 @@ module.exports =
 	        if (step.type === 'name' && wizard.nameStep) {
 	          step.name = wizard.title;
 	          stepList.push(step);
-	        } else if (step.type === 'phase' && wizard.phaseStep) {
-	          stepList.push(step);
+	          /*} else if (step.type === 'phase' && wizard.phaseStep) {
+	            stepList.push(step)*/
 	        } else if (step.type === 'custom') {
 	          var customStep = providerData.providerTypes[wizard.destination.type].customStep;
 	          if (customStep && wizard[step.mode].customStep) {
@@ -21778,13 +21965,12 @@ module.exports =
 	            stepList.push(step);
 	          }
 	        } else if (step.type === 'schema') {
-	          step.customizable = wizard.source.customizable;
-	          stepList.push(step);
-	        } else if (step.type === 'filter' && wizard.filterStep) {
-	          step.provider = wizard.source.name;
 	          stepList.push(step);
+	          /*} else if (step.type === 'filter' && wizard.filterStep) {
+	            step.provider = wizard.source.name
+	            stepList.push(step)*/
 	        } else if (step.type === 'map') {
-	          step.defaultSchema = wizard.source.defaultSchema || null; //remove this
+	          step.customizable = wizard.destination.customizable;
 	          stepList.push(step);
 	        } else if (step.type === 'preview') {
 	          step.dummyData = wizard.dummyData || null;