@lingk/sync 0.0.48 → 0.0.50

package/build/main.js

@@ -45,7 +45,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(62);
+	module.exports = __webpack_require__(63);
 
 
 /***/ },
@@ -160,27 +160,6 @@ module.exports =
 
 	'use strict';
 	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	var SET_WIZARD_SAVED_MAPPING = exports.SET_WIZARD_SAVED_MAPPING = 'SET_WIZARD_SAVED_MAPPING';
-	var SET_WIZARD_SAVED_CONFIGURATION = exports.SET_WIZARD_SAVED_CONFIGURATION = 'SET_WIZARD_SAVED_CONFIGURATION';
-	var SET_WIZARD_SAVED_BUNDLES = exports.SET_WIZARD_SAVED_BUNDLES = 'SET_WIZARD_SAVED_BUNDLES';
-	var SET_WIZARD_TRIGGER = exports.SET_WIZARD_TRIGGER = 'SET_WIZARD_TRIGGER';
-	var SET_WIZARD_LOADED = exports.SET_WIZARD_LOADED = 'SET_WIZARD_LOADED';
-	var SET_WIZARD_DATA_LOADED = exports.SET_WIZARD_DATA_LOADED = 'SET_WIZARD_DATA_LOADED';
-	var START_ENV_CHECK = exports.START_ENV_CHECK = 'START_ENV_CHECK';
-	var FINISH_ENV_CHECK = exports.FINISH_ENV_CHECK = 'FINISH_ENV_CHECK';
-	var START_PREVIEW = exports.START_PREVIEW = 'START_PREVIEW';
-	var FINISH_PREVIEW = exports.FINISH_PREVIEW = 'FINISH_PREVIEW';
-	var SET_WIZARD_METADATA = exports.SET_WIZARD_METADATA = 'SET_WIZARD_METADATA';
-
-/***/ },
-/* 7 */
-/***/ function(module, exports) {
-
-	'use strict';
-	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
@@ -188,26 +167,46 @@ module.exports =
 	
 	  var defaults = {
 	    sourceEndpoint: 'https://',
-	    destinationEndpiont: 'https://',
+	    destinationEndpoint: 'https://',
 	    filter: 'all',
 	    phase: 'initial'
 	  };
 	
+	  console.log(wizard.savedConfiguration);
+	
 	  if (!formValues['resourceGroups']) {
 	
 	    if (wizard.savedBundles && wizard.savedBundles.bundles) {
 	      var resourceGroups = wizard.savedBundles.bundles.map(function (bundle, index) {
+	        var bundleResource = wizard.destinationMetadata.find(function (rsc) {
+	          return rsc.type === bundle.name;
+	        });
+	        var bundleProperty = bundleResource.properties.find(function (prop) {
+	          return prop.name === bundle.destinationKey;
+	        });
 	        return {
-	          name: bundle.name,
+	          name: bundleResource.name,
+	          destinationKey: bundleProperty.label,
+	          provider: bundle.provider.charAt(0).toUpperCase() + bundle.provider.slice(1),
 	          resources: bundle.resources && bundle.resources.map(function (rsc) {
+	            var resourceProvider = rsc.provider.charAt(0).toUpperCase() + rsc.provider.slice(1).replace('Reader', '');
+	            var dataSourceMetadata = resourceProvider === step.destinationProvider ? wizard.destinationMetadata : wizard.sourceMetadata;
+	            var rscResource = dataSourceMetadata.find(function (r) {
+	              return r.type === rsc.resourceName;
+	            });
+	            var rscProperty = rscResource.properties.find(function (prop) {
+	              return prop.name === rsc.primaryKeyName;
+	            });
 	            return {
-	              name: rsc.resourceName,
-	              externalKey: rsc.primaryKeyName
+	              name: rscResource.name,
+	              externalKey: rscProperty.label,
+	              provider: resourceProvider
 	            };
 	          }),
 	          mappings: wizard.savedMapping && wizard.savedMapping.mappings && wizard.sourceMetadata && wizard.destinationMetadata && wizard.savedMapping.mappings.filter(function (map) {
 	            return map.bundleIndex === index;
 	          }).map(function (m) {
+	            // HERE GET CORRECT SOURCE METADATA
 	            var sourceResource = wizard.sourceMetadata.find(function (rsc) {
 	              return rsc.type === m.resourceFromName;
 	            });
@@ -231,42 +230,68 @@ module.exports =
 	      });
 	      change('resourceGroups', formValues['resourceGroups'] || resourceGroups);
 	    }
+	  } // end if (!formValues['resourceGroups']) 
 	
-	    var modes = ['source', 'destination'];
-	    modes.forEach(function (mode) {
-	      var endpoint = defaults[mode + 'Endpoint'];
-	      if (wizard.savedConfiguration && wizard.savedConfiguration[mode + 'Endpoint'] && !formValues[mode + 'Endpoint']) {
-	        endpoint = wizard.savedConfiguration[mode + 'Endpoint'];
-	      }
-	      if (step.mode === mode && !step.metadataEndpoint) {
-	        change(mode + 'Endpoint', formValues[mode + 'Endpoint'] || endpoint);
-	      }
-	    });
 	
-	    if (wizard.savedTrigger) {
-	      if (wizard.savedTrigger.IsRecurring === true) {
-	        var scheds = wizard.savedTrigger.Schedule.split(' ');
-	        var deployment = {
-	          type: 'scheduled',
-	          minutes: scheds[0] || 0,
-	          hours: scheds[1] || 0,
-	          days: scheds[2] || 0
-	        };
-	        change('deployment', formValues['deployment'] || deployment);
-	      }
+	  if (wizard.savedConfiguration && wizard.savedConfiguration['defaultDataset'] && !formValues['defaultDataset']) {
+	    change('defaultDataset', wizard.savedConfiguration['defaultDataset']);
+	  }
+	
+	  var modes = ['source', 'destination'];
+	  modes.forEach(function (mode) {
+	    var endpoint = defaults[mode + 'Endpoint'];
+	    if (wizard.savedConfiguration && wizard.savedConfiguration[mode + 'Endpoint'] && !formValues[mode + 'Endpoint']) {
+	      endpoint = wizard.savedConfiguration[mode + 'Endpoint'];
 	    }
-	  } // end if (!formValues['resourceGroups']) 
+	    if (step.mode === mode && !step.metadataEndpoint) {
+	      change(mode + 'Endpoint', formValues[mode + 'Endpoint'] || endpoint);
+	    }
+	  });
+	
+	  if (wizard.savedTrigger) {
+	    if (wizard.savedTrigger.IsRecurring === true) {
+	      var scheds = wizard.savedTrigger.Schedule.split(' ');
+	      var deployment = {
+	        type: 'scheduled',
+	        minutes: scheds[0] || 0,
+	        hours: scheds[1] || 0,
+	        days: scheds[2] || 0
+	      };
+	      change('deployment', formValues['deployment'] || deployment);
+	    }
+	  }
 	
 	  actions.setWizardDataLoaded(true);
 	}
 	
 	exports.default = loadData;
 
+/***/ },
+/* 7 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	var SET_WIZARD_SAVED_MAPPING = exports.SET_WIZARD_SAVED_MAPPING = 'SET_WIZARD_SAVED_MAPPING';
+	var SET_WIZARD_SAVED_CONFIGURATION = exports.SET_WIZARD_SAVED_CONFIGURATION = 'SET_WIZARD_SAVED_CONFIGURATION';
+	var SET_WIZARD_SAVED_BUNDLES = exports.SET_WIZARD_SAVED_BUNDLES = 'SET_WIZARD_SAVED_BUNDLES';
+	var SET_WIZARD_TRIGGER = exports.SET_WIZARD_TRIGGER = 'SET_WIZARD_TRIGGER';
+	var SET_WIZARD_LOADED = exports.SET_WIZARD_LOADED = 'SET_WIZARD_LOADED';
+	var SET_WIZARD_DATA_LOADED = exports.SET_WIZARD_DATA_LOADED = 'SET_WIZARD_DATA_LOADED';
+	var START_ENV_CHECK = exports.START_ENV_CHECK = 'START_ENV_CHECK';
+	var FINISH_ENV_CHECK = exports.FINISH_ENV_CHECK = 'FINISH_ENV_CHECK';
+	var START_PREVIEW = exports.START_PREVIEW = 'START_PREVIEW';
+	var FINISH_PREVIEW = exports.FINISH_PREVIEW = 'FINISH_PREVIEW';
+	var SET_WIZARD_METADATA = exports.SET_WIZARD_METADATA = 'SET_WIZARD_METADATA';
+
 /***/ },
 /* 8 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -297,7 +322,7 @@ module.exports =
 	    var _this = _possibleConstructorReturn(this, (GroupNav.__proto__ || Object.getPrototypeOf(GroupNav)).call(this));
 	
 	    _this.state = {
-	      selectedEntities: [],
+	      selectedEntities: [{ name: '' }],
 	      resourceGroupIndex: 0,
 	      paneToggle: false,
 	      leftClicked: false,
@@ -321,19 +346,19 @@ module.exports =
 	  }
 	
 	  _createClass(GroupNav, [{
-	    key: "componentDidMount",
+	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      document.addEventListener("keydown", this.keyDown, false);
 	      document.addEventListener("keyup", this.keyUp, false);
 	    }
 	  }, {
-	    key: "componentWillUnmount",
+	    key: 'componentWillUnmount',
 	    value: function componentWillUnmount() {
 	      document.removeEventListener("keydown", this.keyDown, false);
 	      document.removeEventListener("keyup", this.keyUp, false);
 	    }
 	  }, {
-	    key: "keyDown",
+	    key: 'keyDown',
 	    value: function keyDown(e) {
 	      switch (e.keyCode) {
 	        case 16:
@@ -344,7 +369,7 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "keyUp",
+	    key: 'keyUp',
 	    value: function keyUp(e) {
 	      switch (e.keyCode) {
 	        case 16:
@@ -361,17 +386,17 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "showOverflow",
+	    key: 'showOverflow',
 	    value: function showOverflow() {
 	      this.setState({ overflowHidden: false });
 	    }
 	  }, {
-	    key: "disableMultiple",
+	    key: 'disableMultiple',
 	    value: function disableMultiple() {
 	      this.setState({ multiple: false });
 	    }
 	  }, {
-	    key: "go",
+	    key: 'go',
 	    value: function go(leftClicked, resourceGroupIndex) {
 	      var _this2 = this;
 	
@@ -387,7 +412,7 @@ module.exports =
 	      }, 250);
 	    }
 	  }, {
-	    key: "removeResourceGroup",
+	    key: 'removeResourceGroup',
 	    value: function removeResourceGroup(i) {
 	      this.props.removeGroup(i);
 	      var isFirst = i === 0;
@@ -396,7 +421,7 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "addDefaultResourceGroup",
+	    key: 'addDefaultResourceGroup',
 	    value: function addDefaultResourceGroup(v, i, id) {
 	      var _props = this.props,
 	          resourceGroups = _props.resourceGroups,
@@ -406,15 +431,15 @@ module.exports =
 	      addGroup(v, id);
 	    }
 	  }, {
-	    key: "pickEntity",
+	    key: 'pickEntity',
 	    value: function pickEntity(v) {
 	      var sel = [].concat(_toConsumableArray(this.state.selectedEntities));
 	      var i = this.state.resourceGroupIndex;
-	      sel[i] = sel[i] === v ? '' : v;
+	      sel[i] = sel[i] && sel[i].name === v.name ? { name: '' } : v;
 	      this.setState({ selectedEntities: sel });
 	    }
 	  }, {
-	    key: "increment",
+	    key: 'increment',
 	    value: function increment() {
 	      var resourceGroups = this.props.resourceGroups;
 	
@@ -423,21 +448,21 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "decrement",
+	    key: 'decrement',
 	    value: function decrement() {
 	      if (this.state.resourceGroupIndex > 0 && !this.state.justClicked) {
 	        this.go(true, this.state.resourceGroupIndex - 1);
 	      }
 	    }
 	  }, {
-	    key: "clickDot",
+	    key: 'clickDot',
 	    value: function clickDot(i) {
 	      if (i !== this.state.resourceGroupIndex && !this.state.justClicked) {
 	        this.go(i < this.state.resourceGroupIndex, i);
 	      }
 	    }
 	  }, {
-	    key: "changeGroupOrderFromBundleTable",
+	    key: 'changeGroupOrderFromBundleTable',
 	    value: function changeGroupOrderFromBundleTable(iStart, iEnd) {
 	      if (iEnd !== this.state.resourceGroupIndex) {
 	        this.go(iEnd < this.state.resourceGroupIndex, iEnd);
@@ -445,7 +470,7 @@ module.exports =
 	      this.props.changeGroupOrder(iStart, iEnd);
 	    }
 	  }, {
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
 	      var _this3 = this;
 	
@@ -494,19 +519,19 @@ module.exports =
 	      };
 	
 	      return _react2.default.createElement(
-	        "div",
+	        'div',
 	        null,
-	        _react2.default.createElement("br", null),
+	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
-	          "div",
+	          'div',
 	          { style: style },
-	          !isBundleStep ? _react2.default.createElement(
-	            "div",
+	          !isBundleStep && false ? _react2.default.createElement(
+	            'div',
 	            { style: { position: 'absolute', right: 0, top: -6 } },
 	            _react2.default.createElement(
-	              "div",
-	              { className: "labelz" },
-	              "Relationship Types:"
+	              'div',
+	              { className: 'labelz' },
+	              'Relationship Types:'
 	            ),
 	            _react2.default.createElement(
 	              Button,
@@ -514,84 +539,84 @@ module.exports =
 	                onClick: function onClick() {
 	                  return _this3.setState({ multiple: !_this3.state.multiple });
 	                } },
-	              "Multiple"
+	              'Multiple'
 	            ),
-	            _react2.default.createElement("br", null),
+	            _react2.default.createElement('br', null),
 	            _react2.default.createElement(
 	              Button,
-	              { type: "neutral", style: smallButtonStyle, onClick: this.topone },
-	              "Top One"
+	              { type: 'neutral', style: smallButtonStyle, onClick: this.topone },
+	              'Top One'
 	            )
 	          ) : null,
 	          _react2.default.createElement(
-	            "div",
+	            'div',
 	            null,
 	            _react2.default.createElement(
-	              "div",
-	              { style: { marginLeft: 120 }, className: "labelz" },
+	              'div',
+	              { style: { marginLeft: 120 }, className: 'labelz' },
 	              _react2.default.createElement(
-	                "span",
+	                'span',
 	                null,
-	                "Destination: ",
+	                'Destination: ',
 	                step.destinationProvider,
-	                " Object"
+	                ' Object'
 	              ),
 	              _react2.default.createElement(
 	                Tooltip,
-	                { nubbin: "left-top", popStyle: { width: 146 } },
+	                { nubbin: 'left-top', popStyle: { width: 146 } },
 	                _react2.default.createElement(
-	                  "p",
+	                  'p',
 	                  null,
-	                  "The ",
+	                  'The ',
 	                  step.destinationProvider,
-	                  " Object to map data into"
+	                  ' Object to map data into'
 	                )
 	              )
 	            ),
 	            _react2.default.createElement(
-	              "svg",
-	              { className: "schema-group-arrow schema-group-arrow-back", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", onClick: this.decrement, style: resourceGroupIndex === 0 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
-	              _react2.default.createElement("path", { d: "M8 5v14l11-7z" })
+	              'svg',
+	              { className: 'schema-group-arrow schema-group-arrow-back', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', onClick: this.decrement, style: resourceGroupIndex === 0 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
+	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
 	            ),
 	            _react2.default.createElement(
-	              "div",
-	              { className: "schema-groups" },
+	              'div',
+	              { className: 'schema-groups' },
 	              _react2.default.createElement(
-	                "div",
-	                { className: "schema-groups-slider", style: {
+	                'div',
+	                { className: 'schema-groups-slider', style: {
 	                    width: 340 * resourceGroups.length,
-	                    transform: "translate(-" + 340 * resourceGroupIndex + "px)",
-	                    WebkitTransform: "translate(-" + 340 * resourceGroupIndex + "px)"
+	                    transform: 'translate(-' + 340 * resourceGroupIndex + 'px)',
+	                    WebkitTransform: 'translate(-' + 340 * resourceGroupIndex + 'px)'
 	                  } },
 	                resourceGroups.map(function (g, i) {
 	                  return _react2.default.createElement(
-	                    "div",
-	                    { className: "schema-group-name", key: i },
+	                    'div',
+	                    { className: 'schema-group-name', key: i },
 	                    g.name
 	                  );
 	                })
 	              )
 	            ),
 	            _react2.default.createElement(
-	              "svg",
-	              { className: "schema-group-arrow schema-group-arrow-forward", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", onClick: this.increment, style: resourceGroupIndex === resourceGroups.length - 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
-	              _react2.default.createElement("path", { d: "M8 5v14l11-7z" })
+	              'svg',
+	              { className: 'schema-group-arrow schema-group-arrow-forward', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', onClick: this.increment, style: resourceGroupIndex === resourceGroups.length - 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
+	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
 	            ),
 	            _react2.default.createElement(
-	              "div",
-	              { className: "schema-group-dots" },
+	              'div',
+	              { className: 'schema-group-dots' },
 	              resourceGroups.map(function (g, i) {
-	                return _react2.default.createElement("div", { className: "schema-group-dot", key: i, style: resourceGroupIndex !== i ? { background: "#CFCFCF" } : {}, onClick: function onClick() {
+	                return _react2.default.createElement('div', { className: 'schema-group-dot', key: i, style: resourceGroupIndex !== i ? { background: "#CFCFCF" } : {}, onClick: function onClick() {
 	                    return _this3.clickDot(i);
 	                  } });
 	              })
 	            )
 	          ),
 	          isBundleStep ? _react2.default.createElement(
-	            "div",
+	            'div',
 	            { style: { position: 'absolute', right: 0, top: -2, zIndex: 99 } },
-	            _react2.default.createElement(Select, { label: "+", type: "brand", style: { height: 40 }, menuAlign: "right", extraClass: true,
-	              onSelect: this.addDefaultResourceGroup, values: destinationSchema, title: "Add Destination",
+	            _react2.default.createElement(Select, { label: '+', type: 'brand', style: { height: 40 }, menuAlign: 'right', extraClass: true,
+	              onSelect: this.addDefaultResourceGroup, values: destinationSchema, title: 'Add Destination',
 	              minWidth: 260
 	            })
 	          ) : null
@@ -684,7 +709,7 @@ module.exports =
 	exports.setWizardLoaded = setWizardLoaded;
 	exports.setWizardDataLoaded = setWizardDataLoaded;
 	
-	var _types = __webpack_require__(6);
+	var _types = __webpack_require__(7);
 	
 	var types = _interopRequireWildcard(_types);
 	
@@ -2407,6 +2432,10 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
+	var _loadData = __webpack_require__(6);
+	
+	var _loadData2 = _interopRequireDefault(_loadData);
+	
 	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); } }
@@ -2427,9 +2456,11 @@ module.exports =
 	
 	    _this.defaultResourceMapping = [{
 	      name: 'Contact',
+	      destinationKey: 'Account ID',
+	      provider: 'Salesforce',
 	      resources: [{
 	        name: 'Applicant',
-	        externalKey: null,
+	        externalKey: 'ExternalId',
 	        provider: 'Banner'
 	      }]
 	    }];
@@ -2442,11 +2473,14 @@ module.exports =
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var _props = this.props,
+	          step = _props.step,
+	          wizard = _props.wizard,
 	          change = _props.change,
-	          formValues = _props.formValues;
+	          formValues = _props.formValues,
+	          actions = _props.actions;
 	
-	      if (formValues['defaultDataset']) {
-	        change('defaultDataset', formValues['defaultDataset']);
+	      if (!wizard.dataLoaded) {
+	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -2465,7 +2499,9 @@ module.exports =
 	  }, {
 	    key: 'select',
 	    value: function select(v) {
-	      this.loadDefault();
+	      if (v !== this.props.formValues['defaultDataset']) {
+	        this.loadDefault();
+	      }
 	    }
 	  }, {
 	    key: 'loadDefault',
@@ -2703,6 +2739,8 @@ module.exports =
 	
 	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 	
+	var _templateObject = _taggedTemplateLiteral(['', ''], ['', '']);
+	
 	var _react = __webpack_require__(1);
 	
 	var _react2 = _interopRequireDefault(_react);
@@ -2717,12 +2755,18 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(7);
+	var _loadData = __webpack_require__(6);
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
+	var _previewTabContent = __webpack_require__(59);
+	
+	var _previewTabContent2 = _interopRequireDefault(_previewTabContent);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+	
 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 	
 	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -2752,10 +2796,22 @@ module.exports =
 	  function EnvironmentStep() {
 	    _classCallCheck(this, EnvironmentStep);
 	
-	    return _possibleConstructorReturn(this, (EnvironmentStep.__proto__ || Object.getPrototypeOf(EnvironmentStep)).apply(this, arguments));
+	    var _this = _possibleConstructorReturn(this, (EnvironmentStep.__proto__ || Object.getPrototypeOf(EnvironmentStep)).call(this));
+	
+	    _this.seeFields = _this.seeFields.bind(_this);
+	    return _this;
 	  }
 	
 	  _createClass(EnvironmentStep, [{
+	    key: 'seeFields',
+	    value: function seeFields() {
+	      /*var x=window.open();
+	      x.document.open('','_blank');
+	      x.document.write(previewTabContent);
+	      x.document.close();
+	      x.focus()*/
+	    }
+	  }, {
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var _props = this.props,
@@ -2814,7 +2870,7 @@ module.exports =
 	          { style: { fontSize: 20, display: 'inline-block' } },
 	          step.mode.charAt(0).toUpperCase() + step.mode.slice(1),
 	          ': Define ',
-	          step.provider,
+	          step[step.mode + 'Provider'],
 	          ' Environment'
 	        ),
 	        _react2.default.createElement('br', null),
@@ -2871,7 +2927,7 @@ module.exports =
 	          _react2.default.createElement(
 	            'label',
 	            null,
-	            step.provider,
+	            step[step.mode + 'Provider'],
 	            ' Credentials'
 	          ),
 	          _react2.default.createElement('br', null),
@@ -2882,7 +2938,7 @@ module.exports =
 	              return _react2.default.createElement(
 	                'div',
 	                { key: index, style: { marginTop: 8 } },
-	                _react2.default.createElement(_reduxForm.Field, { name: '' + step.mode + cred.name, label: step.provider + ' ' + cred.name, type: 'text', component: inputs.rfInput })
+	                _react2.default.createElement(_reduxForm.Field, { name: '' + step.mode + cred.name, label: step[step.mode + 'Provider'](_templateObject, cred.name), type: 'text', component: inputs.rfInput })
 	              );
 	            })
 	          ),
@@ -2903,9 +2959,36 @@ module.exports =
 	            'Test Connection'
 	          )
 	        ) : null,
+	        wizard[step.mode + 'Metadata'] ? _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(
+	            'span',
+	            { className: 'labelz' },
+	            'Available ',
+	            step[step.mode + 'Provider'],
+	            ' Data Objects:'
+	          ),
+	          _react2.default.createElement(
+	            'ul',
+	            null,
+	            wizard[step.mode + 'Metadata'].map(function (rsc, i) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: i, style: { paddingLeft: 10 } },
+	                _react2.default.createElement(
+	                  'a',
+	                  { onClick: _this2.seeFields, style: { cursor: 'default', textDecoration: 'none' } },
+	                  rsc.name
+	                )
+	              );
+	            })
+	          )
+	        ) : null,
 	        _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Environment', component: renderError }),
 	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !wizard.sourceMetadata, handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
+	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !wizard[step.mode + 'Metadata'], handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null)
 	      );
@@ -3054,7 +3137,7 @@ module.exports =
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
-	var _loadData = __webpack_require__(7);
+	var _loadData = __webpack_require__(6);
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
@@ -3062,7 +3145,7 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(60);
+	var _transformModal = __webpack_require__(61);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
@@ -3187,7 +3270,6 @@ module.exports =
 	          wizard = _props3.wizard;
 	
 	      var MapTable = inputs.MapTable;
-	      var Tooltip = inputs.Tooltip;
 	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : null;
 	
 	      var destinationSchema = wizard['destinationMetadata'] ? wizard['destinationMetadata'] : null;
@@ -3641,11 +3723,11 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _schemaAccordion = __webpack_require__(59);
+	var _schemaAccordion = __webpack_require__(60);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
-	var _loadData = __webpack_require__(7);
+	var _loadData = __webpack_require__(6);
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
@@ -3849,14 +3931,14 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { style: { fontSize: 20, display: 'inline-block' } },
-	          'Build Dataset'
+	          'Build Sync Operations'
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
 	          'p',
 	          null,
-	          'Build datasets by mapping one or many data sources to a single Salesforce destination object.'
+	          'Build Sync Operations by mapping one or many data sources to a single Salesforce destination object.'
 	        ),
 	        _react2.default.createElement('br', null),
 	        resourceGroups && resourceGroups.length > 0 ? _react2.default.createElement(
@@ -3882,10 +3964,9 @@ module.exports =
 	        ) : 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.resources.length < 2 || g.resources && g.resources.every(function (rsc) {
-	              return rsc.externalKey;
-	            });
-	          }) })
+	            return g.resources;
+	          }) //&& g.destinationKey && g.resources.every(rsc=>rsc.externalKey))
+	        })
 	      );
 	    }
 	  }]);
@@ -4083,15 +4164,18 @@ module.exports =
 	      if (this.state.selectedField) {
 	        var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	        var rscGroup = resourceGroups[resourceGroupIndex];
+	
+	        //cant map multiple to same destination field
 	        rscGroup.mappings = rscGroup.mappings && rscGroup.mappings.filter(function (m) {
 	          return m.propertyToName !== field;
 	        }) || [];
 	        rscGroup.mappings.push({
-	          resourceFromName: selectedEntity,
+	          resourceFromName: selectedEntity.name,
 	          resourceToName: group,
 	          propertyFromName: this.state.selectedField,
 	          propertyToName: field,
-	          transformations: [{ type: 'none' }]
+	          transformations: [{ type: 'none' }],
+	          dataSourceIsDestinationEntity: selectedEntity.isDestinationEntity
 	        });
 	        change('resourceGroups', resourceGroups);
 	        this.setState({ selectedField: null });
@@ -4117,7 +4201,7 @@ module.exports =
 	
 	
 	      var group = resourceGroups[resourceGroupIndex];
-	      var selectedEntity = selectedEntities[resourceGroupIndex];
+	      var selectedEntity = selectedEntities[resourceGroupIndex] || { name: '' };
 	      var bit = [true, false];
 	      var direction = leftClicked ? 'right' : 'left';
 	
@@ -4125,7 +4209,7 @@ module.exports =
 	      var filteredMappings = {};
 	      group.mappings && group.mappings.forEach(function (m) {
 	        mappings[m.propertyToName] = m.propertyFromName;
-	        if (m.resourceFromName === selectedEntity) {
+	        if (m.resourceFromName === selectedEntity.name) {
 	          filteredMappings[m.propertyToName] = m.propertyFromName;
 	        }
 	      });
@@ -4169,19 +4253,19 @@ module.exports =
 	                            style: { height: 35 },
 	                            onClick: function onClick() {
 	                              _this2.scrollToTop(_this2['scroller-' + ii], 18, i * 43 + 6);
-	                              _this2.pickEntity(rsc.name);
+	                              _this2.pickEntity({ name: rsc.name, isDestinationEntity: rsc.provider === step.destinationProvider });
 	                            }
 	                          },
 	                          _react2.default.createElement(
 	                            'span',
 	                            null,
-	                            rsc.name
+	                            rsc.provider === step.destinationProvider ? rsc.name + (' (' + step.destinationProvider + ')') : rsc.name
 	                          ),
 	                          _react2.default.createElement(
 	                            'svg',
 	                            { xmlns: 'http://www.w3.org/2000/svg', fill: '#FFFFFF', width: '18', height: '18', viewBox: '0 0 18 18',
 	                              style: { float: 'right',
-	                                transform: selectedEntity === rsc.name ? 'rotate(180deg)' : 'rotate(0deg)'
+	                                transform: selectedEntity.name === rsc.name ? 'rotate(180deg)' : 'rotate(0deg)'
 	                              } },
 	                            _react2.default.createElement('path', { d: 'M5 8l4 4 4-4z' })
 	                          )
@@ -4190,7 +4274,7 @@ module.exports =
 	                          'div',
 	                          { className: 'accordion-panel-collapse',
 	                            style: {
-	                              height: schema && selectedEntity === rsc.name ? schema.filter(function (r) {
+	                              height: schema && selectedEntity.name === rsc.name ? schema.filter(function (r) {
 	                                return r.name === rsc.name;
 	                              })[0].properties.length * 18 + 19 : 0,
 	                              padding: '0 6px'
@@ -4462,6 +4546,17 @@ module.exports =
 
 /***/ },
 /* 59 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = "\n<div id=\"content\">\n  hi\n</div>\n<script>\n\n  fetch('http://localhost:8084/v1/15/10114/previewintegration?url=https://adapter.lingkapps.com:3000/api/applicants', {\n    headers: new Headers({\n      'Authorization': 'Bearer ' + window.localStorage.getItem('userToken')\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.getElementById(\"content\").innerHTML = res\n  })\n\n</script>\n";
+
+/***/ },
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4480,7 +4575,7 @@ module.exports =
 	
 	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(66);
+	var _reactDraggable = __webpack_require__(67);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -4723,8 +4818,8 @@ module.exports =
 	                        _react2.default.createElement(
 	                          'div',
 	                          { style: { verticalAlign: 'top', float: 'right', marginRight: 8 } },
-	                          group.resources.length > 1 ? _react2.default.createElement(_reduxForm.Field, { component: inputs.rfSelect, type: 'input', menuAlign: 'right',
-	                            defaultLabel: 'Configure Relationship', colorType: 'brand',
+	                          _react2.default.createElement(_reduxForm.Field, { component: inputs.rfSelect, type: 'input', menuAlign: 'right',
+	                            defaultLabel: 'Choose Join Key', colorType: 'brand',
 	                            selectedValue: group.resources[i].externalKey, onClick: showOverflow,
 	                            values: rsc.provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
 	                              return defaultRsc.name === rsc.name;
@@ -4736,7 +4831,7 @@ module.exports =
 	                              return defaultRsc.name === rsc.name;
 	                            }).properties,
 	                            name: 'resourceGroups.' + resourceGroupIndex + '.resources.' + i + '.externalKey'
-	                          }) : null
+	                          })
 	                        )
 	                      )
 	                    );
@@ -4767,7 +4862,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 60 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4968,7 +5063,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 61 */
+/* 62 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5108,8 +5203,6 @@ module.exports =
 	      //resources: Type is the real value, Name is the displayed value
 	      //properties: Name is the real value, Label is the displayed value
 	
-	      /* instead of finding the values from metadata, keep metadata types/names in the RF state */
-	
 	      var bundles = [].concat(_toConsumableArray(formValues['resourceGroups'])) || [];
 	      var mappings = [];
 	      bundles.forEach(function (group, index) {
@@ -5117,13 +5210,17 @@ module.exports =
 	          return rsc.name === group.name;
 	        }) : group;
 	        group.name = destinationResource.type;
+	        group.destinationKey = destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
+	          return prop.label === group.destinationKey;
+	        }).name;
 	
 	        if (group.mappings) {
 	          group.mappings.forEach(function (singleMapping) {
-	            var sourceResource = _this2.props.wizard.sourceMetadata.find(function (rsc) {
+	            var dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
+	            var sourceResource = dataSourceMetadata.find(function (rsc) {
 	              return rsc.name === singleMapping.resourceFromName;
 	            });
-	            endpoints['apiEndpoint_' + sourceResource.name] = formValues.sourceEndpoint + '/api/' + sourceResource.endpointSuffix.toLowerCase().split(' ').join('');
+	            endpoints['url_' + sourceResource.name] = formValues.sourceEndpoint + '/api/' + sourceResource.endpointSuffix.toLowerCase().split(' ').join('');
 	            var sourceProperty = sourceResource && sourceResource.properties && sourceResource.properties.find(function (prop) {
 	              return prop.label === singleMapping.propertyFromName;
 	            });
@@ -5152,7 +5249,8 @@ module.exports =
 	
 	        if (group.resources) {
 	          group.resources = group.resources.map(function (rsc) {
-	            var sourceResource = _this2.props.wizard.sourceMetadata.find(function (metaRsc) {
+	            var dataSourceMetadata = rsc.provider === _this2.props.providers['destination'] ? _this2.props.wizard.destinationMetadata : _this2.props.wizard.sourceMetadata;
+	            var sourceResource = dataSourceMetadata.find(function (metaRsc) {
 	              return metaRsc.name === rsc.name;
 	            });
 	            if (sourceResource) {
@@ -5182,17 +5280,7 @@ module.exports =
 	      if (formValues.destinationEndpoint) {
 	        endpoints.destinationEndpoint = formValues.destinationEndpoint;
 	      }
-	      var configuration = Object.assign({}, endpoints, {
-	        //providerType_source: this.props.providers['source'].toLowerCase(),
-	        providerType_destination: this.props.providers['destination'].toLowerCase(),
-	        "providerType_source": "lingkreader",
-	        //"providerType_destination": "salesforce",
-	        "environment": "dev",
-	        //currentPage: this.state.currentPage ? JSON.stringify(this.state.currentPage) : 
-	        //(this.props.wizard.savedConfiguration && this.props.wizard.savedConfiguration.currentPage),
-	        "apiKey": "5664bb4478fae2000100004aae5d222c6c2742717cebc5abf69f0f9e",
-	        "apiSecret": "YThjODc4MjQ2MzEwNDgzMjYwY2RiYmY5Yzg4NzBhMmI="
-	      });
+	      var configuration = Object.assign({}, endpoints, formValues['defaultDataset'] && { defaultDataset: formValues['defaultDataset'] });
 	      //----------------------------------
 	      // Post
 	      //----------------------------------
@@ -5340,7 +5428,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 62 */
+/* 63 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5355,7 +5443,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(68);
+	var _redux = __webpack_require__(69);
 	
 	var _reactRedux = __webpack_require__(11);
 	
@@ -5363,9 +5451,9 @@ module.exports =
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(63);
+	__webpack_require__(64);
 	
-	var _wizardForm = __webpack_require__(61);
+	var _wizardForm = __webpack_require__(62);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -5467,17 +5555,17 @@ module.exports =
 	    }, {
 	      type: 'custom',
 	      mode: 'destination'
+	    }, {
+	      type: 'environment',
+	      title: 'Destination Environment',
+	      mode: 'destination'
 	    }, {
 	      type: 'schema',
-	      title: 'Build Dataset',
+	      title: 'Build Sync Operations',
 	      mode: 'source'
 	    }, {
 	      type: 'filter',
 	      title: 'Source Filter'
-	    }, {
-	      type: 'environment',
-	      title: 'Destination Environment',
-	      mode: 'destination'
 	    }, {
 	      type: 'map',
 	      title: 'Field Mapping'
@@ -5501,6 +5589,8 @@ module.exports =
 	
 	      for (var i = 0; i < this.allSteps.length; i++) {
 	        var step = this.allSteps[i];
+	        step.sourceProvider = wizard.source.name;
+	        step.destinationProvider = wizard.destination.name;
 	        if (step.type === 'name' && wizard.nameStep) {
 	          step.name = wizard.title;
 	          stepList.push(step);
@@ -5516,21 +5606,15 @@ module.exports =
 	          }
 	        } else if (step.type === 'environment') {
 	          if (step.mode === 'source' && wizard.source.env) {
-	            step.provider = wizard.source.name;
 	            step.providerType = wizard.source.type;
 	            step.credentials = providerData.providerTypes[wizard.source.type].credentials || null;
-	            step.credentials = providerData.providerTypes[wizard.source.type].metadataEndpoint || null;
 	            stepList.push(step);
 	          } else if (step.mode === 'destination' && wizard.destination.env) {
-	            step.provider = wizard.destinationProvider;
 	            step.providerType = wizard.destination.type;
 	            step.credentials = providerData.providerTypes[wizard.destination.type].credentials || null;
-	            step.credentials = providerData.providerTypes[wizard.source.type].metadataEndpoint || null;
 	            stepList.push(step);
 	          }
 	        } else if (step.type === 'schema') {
-	          step.sourceProvider = wizard.source.name;
-	          step.destinationProvider = wizard.destination.name;
 	          step.customizable = wizard.source.customizable;
 	          step.defaultSchema = wizard.source.defaultSchema || null; //remove this
 	          stepList.push(step);
@@ -5538,8 +5622,6 @@ module.exports =
 	          step.provider = wizard.source.name;
 	          stepList.push(step);
 	        } else if (step.type === 'map') {
-	          step.sourceProvider = wizard.source.name;
-	          step.destinationProvider = wizard.destination.name;
 	          step.autoMapData = wizard.autoMapData || null;
 	          step.defaultSchema = wizard.source.defaultSchema || null; //remove this
 	          stepList.push(step);
@@ -5608,20 +5690,20 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 63 */
+/* 64 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 64 */,
 /* 65 */,
-/* 66 */
+/* 66 */,
+/* 67 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
 		if(true)
-			module.exports = factory(__webpack_require__(1), __webpack_require__(67));
+			module.exports = factory(__webpack_require__(1), __webpack_require__(68));
 		else if(typeof define === 'function' && define.amd)
 			define(["react", "react-dom"], factory);
 		else if(typeof exports === 'object')
@@ -7228,13 +7310,13 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 67 */
+/* 68 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-dom");
 
 /***/ },
-/* 68 */
+/* 69 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");