@lingk/sync 0.0.48 → 0.0.49

package/build/main.js

@@ -266,7 +266,7 @@ module.exports =
 /* 8 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -297,7 +297,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 +321,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 +344,7 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "keyUp",
+	    key: 'keyUp',
 	    value: function keyUp(e) {
 	      switch (e.keyCode) {
 	        case 16:
@@ -361,17 +361,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 +387,7 @@ module.exports =
 	      }, 250);
 	    }
 	  }, {
-	    key: "removeResourceGroup",
+	    key: 'removeResourceGroup',
 	    value: function removeResourceGroup(i) {
 	      this.props.removeGroup(i);
 	      var isFirst = i === 0;
@@ -396,7 +396,7 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: "addDefaultResourceGroup",
+	    key: 'addDefaultResourceGroup',
 	    value: function addDefaultResourceGroup(v, i, id) {
 	      var _props = this.props,
 	          resourceGroups = _props.resourceGroups,
@@ -406,15 +406,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 +423,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 +445,7 @@ module.exports =
 	      this.props.changeGroupOrder(iStart, iEnd);
 	    }
 	  }, {
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
 	      var _this3 = this;
 	
@@ -494,19 +494,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 +514,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
@@ -3187,7 +3187,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;
@@ -3882,7 +3881,7 @@ 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 g.resources && g.resources.every(function (rsc) {
 	              return rsc.externalKey;
 	            });
 	          }) })
@@ -4083,15 +4082,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 +4119,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 +4127,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 +4171,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 +4192,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'
@@ -4723,7 +4725,7 @@ 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',
+	                          _react2.default.createElement(_reduxForm.Field, { component: inputs.rfSelect, type: 'input', menuAlign: 'right',
 	                            defaultLabel: 'Configure Relationship', colorType: 'brand',
 	                            selectedValue: group.resources[i].externalKey, onClick: showOverflow,
 	                            values: rsc.provider === step.destinationProvider ? destinationSchema && destinationSchema.find(function (defaultRsc) {
@@ -4736,7 +4738,7 @@ module.exports =
 	                              return defaultRsc.name === rsc.name;
 	                            }).properties,
 	                            name: 'resourceGroups.' + resourceGroupIndex + '.resources.' + i + '.externalKey'
-	                          }) : null
+	                          })
 	                        )
 	                      )
 	                    );
@@ -5108,8 +5110,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 +5117,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 +5156,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 +5187,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);
 	      //----------------------------------
 	      // Post
 	      //----------------------------------