@lingk/sync 0.1.3 → 0.1.4

package/build/main.js

@@ -4785,8 +4785,13 @@ module.exports =
 	  } // end if (!formValues['resourceGroups']) 
 	
 	
-	  if (wizard.savedConfiguration && wizard.savedConfiguration['scenario'] && !formValues['scenario']) {
-	    change('scenario', wizard.savedConfiguration['scenario']);
+	  if (wizard.savedConfiguration) {
+	    if (wizard.savedConfiguration['scenario'] && !formValues['scenario']) {
+	      change('scenario', wizard.savedConfiguration['scenario']);
+	    }
+	    if (wizard.savedConfiguration['isBidirectional'] && typeof formValues['bidirectional'] === 'undefined') {
+	      change('bidirectional', wizard.savedConfiguration['isBidirectional'] === 'true');
+	    }
 	  }
 	
 	  var modes = ['source', 'destination'];
@@ -6255,16 +6260,31 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addDefaultResourceGroup',
-	    value: function addDefaultResourceGroup(v, i, id) {
+	    value: function addDefaultResourceGroup(v, selectIdx, id, section) {
 	      var _props = this.props,
 	          addGroup = _props.addGroup,
-	          resourceGroups = _props.resourceGroups;
+	          resourceGroups = _props.resourceGroups,
+	          step = _props.step;
 	      var resourceGroupIndex = this.state.resourceGroupIndex;
 	
+	
+	      var isReverse = section === step.sourceProvider;
+	      var firstReverseIndex = 0;
+	      for (var i = 0; i < resourceGroups.length; i++) {
+	        firstReverseIndex = i;
+	        if (resourceGroups[i].provider === step.sourceProvider) break;
+	      }
+	      var finalIndex = resourceGroupIndex + 1;
+	      if (!isReverse) {
+	        if (resourceGroupIndex > firstReverseIndex) finalIndex = firstReverseIndex + 1;
+	      } else {
+	        if (resourceGroupIndex < firstReverseIndex) finalIndex = resourceGroups.length;
+	      }
+	
 	      if (!(resourceGroups && resourceGroups.length === 0)) {
-	        this.go(false, resourceGroupIndex + 1);
+	        this.go(false, finalIndex);
 	      }
-	      addGroup(v, resourceGroupIndex, id);
+	      addGroup(v, finalIndex, id, section);
 	    }
 	  }, {
 	    key: 'pickEntity',
@@ -6279,7 +6299,9 @@ module.exports =
 	    value: function addDefaultEntity(groupIndex, v, rscIndex, section, rtid) {
 	      var _this3 = this;
 	
-	      var resourceGroups = this.props.resourceGroups;
+	      var _props2 = this.props,
+	          resourceGroups = _props2.resourceGroups,
+	          step = _props2.step;
 	
 	      var group = resourceGroups[this.state.resourceGroupIndex];
 	      if (group.resources && group.resources.length > 0) {
@@ -6289,6 +6311,7 @@ module.exports =
 	          _this3.setState({ selectedEntities: sel });
 	        }, 40);
 	      }
+	
 	      this.props.addDefaultEntity(groupIndex, v, rscIndex, section, rtid);
 	    }
 	  }, {
@@ -6344,13 +6367,15 @@ module.exports =
 	    value: function render() {
 	      var _this4 = this;
 	
-	      var _props2 = this.props,
-	          resourceGroups = _props2.resourceGroups,
-	          style = _props2.style,
-	          isBundleStep = _props2.isBundleStep,
-	          destinationSchema = _props2.destinationSchema,
-	          inputs = _props2.inputs,
-	          step = _props2.step;
+	      var _props3 = this.props,
+	          resourceGroups = _props3.resourceGroups,
+	          style = _props3.style,
+	          isBundleStep = _props3.isBundleStep,
+	          destinationSchema = _props3.destinationSchema,
+	          inputs = _props3.inputs,
+	          step = _props3.step,
+	          sourceSchema = _props3.sourceSchema,
+	          bidirectional = _props3.bidirectional;
 	      var _state = this.state,
 	          resourceGroupIndex = _state.resourceGroupIndex,
 	          paneToggle = _state.paneToggle,
@@ -6359,6 +6384,10 @@ module.exports =
 	      var Button = inputs.Button;
 	      var Tooltip = inputs.Tooltip;
 	
+	      var filteredSourceSchema = bidirectional && sourceSchema.filter(function (r) {
+	        return r.method === 'POST' || r.method === 'PUT';
+	      });
+	
 	      var propsForChild = {
 	        resourceGroups: resourceGroups, leftClicked: leftClicked, inputs: inputs, step: step,
 	        selectedEntities: this.state.selectedEntities,
@@ -6390,15 +6419,27 @@ module.exports =
 	        float: 'right'
 	      };
 	
+	      var firstReverseIndex = 0;
+	      for (var i = 0; i < resourceGroups.length; i++) {
+	        firstReverseIndex = i;
+	        if (resourceGroups[i].provider === step.sourceProvider) break;
+	      }
+	
+	      var group = resourceGroups[resourceGroupIndex];
+	      var isReverse = group.provider === step.sourceProvider;
+	
 	      return _react2.default.createElement(
 	        'div',
 	        { style: { position: 'relative' } },
 	        isBundleStep ? _react2.default.createElement(
 	          'div',
 	          { style: { zIndex: 99 } },
-	          _react2.default.createElement(_selectWrapper2.default, { label: step.destinationProvider + ' Objects', type: 'brand',
+	          _react2.default.createElement(_selectWrapper2.default, { label: "Add Data Target", type: 'brand',
 	            style: { height: 40, width: 160 }, minWidth: 260, fieldPropLabel: 'name',
-	            onSelect: this.addDefaultResourceGroup, values: destinationSchema, title: 'Add New Target Object', inputs: inputs
+	            onSelect: this.addDefaultResourceGroup,
+	            values: [destinationSchema, filteredSourceSchema],
+	            title: 'Available Target Objects', inputs: inputs, sectionLabelSuffix: 'Objects',
+	            sectionLabels: [step.destinationProvider, step.sourceProvider]
 	          })
 	        ) : null,
 	        _react2.default.createElement('br', null),
@@ -6437,9 +6478,7 @@ module.exports =
 	              _react2.default.createElement(
 	                'span',
 	                null,
-	                'Target: ',
-	                step.destinationProvider,
-	                ' Object'
+	                'Target Object'
 	              ),
 	              _react2.default.createElement(
 	                Tooltip,
@@ -6448,7 +6487,7 @@ module.exports =
 	                  'p',
 	                  null,
 	                  'The ',
-	                  step.destinationProvider,
+	                  !isReverse ? step.destinationProvider : step.sourceProvider,
 	                  ' Object to map data into'
 	                )
 	              )
@@ -6473,21 +6512,25 @@ module.exports =
 	                  return _react2.default.createElement(
 	                    'div',
 	                    { className: 'schema-group-name', key: i },
-	                    g.name
+	                    g.provider === step.sourceProvider ? g.name + ' (' + step.sourceProvider + ')' : g.name
 	                  );
 	                })
 	              )
 	            ),
 	            _react2.default.createElement(
 	              'svg',
-	              { className: 'schema-group-arrow schema-group-arrow-forward', viewBox: '0 0 24 24', onClick: this.increment, style: resourceGroupIndex === resourceGroups.length - 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
+	              { className: 'schema-group-arrow schema-group-arrow-forward', viewBox: '0 0 24 24', 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' },
 	              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: {
+	                    background: resourceGroupIndex !== i ? '#CFCFCF' : '#0070d2',
+	                    marginLeft: i === firstReverseIndex ? 12 : 2
+	                  }, onClick: function onClick() {
 	                    return _this4.clickDot(i);
 	                  } });
 	              })
@@ -19291,11 +19334,12 @@ module.exports =
 	  };
 	}
 	
-	function getOauthUrl(tenantId, appId, typeGuid, orgType) {
+	function getOauthUrl(tenantId, appId, typeGuid, orgType, mode) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.GETTING_OAUTH_URL,
-	      bool: true
+	      bool: true,
+	      mode: mode
 	    });
 	
 	    var _getState2 = getState(),
@@ -20187,74 +20231,37 @@ module.exports =
 	          removeResourceGroup = _props.removeResourceGroup,
 	          openConnectionModal = _props.openConnectionModal,
 	          clickTableRow = _props.clickTableRow,
-	          step = _props.step;
+	          step = _props.step,
+	          mode = _props.mode;
+	
 	
 	      if (!(resourceGroups && resourceGroups.length > 0)) return _react2.default.createElement('div', null);
-	      /*var childs;
-	      if(React.Children.count(children) > 0){
-	        childs = React.Children.toArray(children)
-	      } else {
-	        return <div/>
-	      }*/
-	
-	      /*return(
-	        <div>
-	          <br/>
-	          <div style={{fontSize:'16px'}}>Object Mappings</div>
-	          <Table bordered wrapperStyle={{overflow:'visible'}}>
-	            <TableHeader>
-	              <TableRow>
-	                <TableHeaderColumn>Source Objects</TableHeaderColumn>
-	                <TableHeaderColumn>Connection</TableHeaderColumn>
-	                <TableHeaderColumn>Target Object</TableHeaderColumn>
-	                <TableHeaderColumn></TableHeaderColumn>
-	              </TableRow>
-	            </TableHeader>
-	            <TableBody>
-	              {resourceGroups && resourceGroups.map((group, i)=>
-	                <TableRow key={i} onClick={()=>clickTableRow(i)}
-	                  style={{background: i===resourceGroupIndex ? '#f4f6f9' : 'white', cursor:'pointer'}}>
-	                  <TableRowColumn>
-	                    {React.Children.count(children) > 0 ?
-	                        React.cloneElement(
-	                          childs[0], { group }
-	                        )
-	                    : null}
-	                  </TableRowColumn>
-	                  <TableRowColumn>
-	                    {React.Children.count(children) > 1 ?
-	                        React.cloneElement(
-	                          childs[1], { group, i, showConnectionModal }
-	                        )
-	                    : null}
-	                  </TableRowColumn>
-	                  <TableRowColumn truncate={false}>
-	                    {React.Children.count(children) > 2 ?
-	                        React.cloneElement(
-	                          childs[2], { group, i }
-	                        )
-	                    : null}
-	                  </TableRowColumn>
-	                  <TableRowColumn>
-	                    {React.Children.count(children) > 3 ?
-	                        React.cloneElement(
-	                          childs[3], { group, i, removeResourceGroup, resourceGroups }
-	                        )
-	                    : null}
-	                  </TableRowColumn>
-	                </TableRow>            
-	              )}
-	            </TableBody>
-	          </Table>
-	           <div>
-	           </div>
-	        </div>
-	      )*/
+	
+	      var isReverse = mode === 'reverse';
+	
+	      var normalGroup = resourceGroups.filter(function (g) {
+	        return step.destinationProvider === g.provider;
+	      });
+	      var reverseGroup = resourceGroups.filter(function (g) {
+	        return step.sourceProvider === g.provider;
+	      });
+	
+	      var groups = isReverse ? reverseGroup : normalGroup;
+	      var extraIndex = isReverse ? normalGroup.length : 0;
+	
+	      if (!(groups && groups.length > 0)) return _react2.default.createElement('div', null);
+	
+	      var title = mode === 'reverse' ? step.destinationProvider + ' to ' + step.sourceProvider + ' Object Mappings' : step.sourceProvider + ' to ' + step.destinationProvider + ' Object Mappings';
 	
 	      return _react2.default.createElement(
 	        'div',
 	        null,
 	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(
+	          'div',
+	          { style: { fontSize: '16px' } },
+	          title
+	        ),
 	        _react2.default.createElement(
 	          'div',
 	          { className: 'bundle-table-header' },
@@ -20277,7 +20284,7 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { className: 'bundle-table-body' },
-	          resourceGroups && resourceGroups.map(function (group, i) {
+	          groups && groups.map(function (group, i) {
 	
 	            var linked = false;
 	            if (group.customExternalKeys) {
@@ -20290,7 +20297,7 @@ module.exports =
 	              }
 	            }
 	
-	            var groupsBeforeThis = resourceGroups.slice(0, i);
+	            var groupsBeforeThis = groups.slice(0, i);
 	            var groupBeforeThisIndex = 0;
 	            groupsBeforeThis.forEach(function (g, idx) {
 	              if (group.resources && group.resources.find(function (r) {
@@ -20300,7 +20307,7 @@ module.exports =
 	              }
 	            });
 	
-	            var groupsAfterThis = resourceGroups.slice(i + 1);
+	            var groupsAfterThis = groups.slice(i + 1);
 	            var groupsAfterThisContainThisResource = groupsAfterThis && groupsAfterThis.find(function (g) {
 	              return g.resources && g.resources.find(function (r) {
 	                return r.name === group.name;
@@ -20327,8 +20334,10 @@ module.exports =
 	                }, onDrag: _this3.handleDrag, onStop: _this3.handleDragEnd },
 	              _react2.default.createElement(
 	                'div',
-	                { className: 'bundle-table-row', key: i, style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white' }, onClick: function onClick() {
-	                    return clickTableRow(i);
+	                { className: 'bundle-table-row', key: i,
+	                  style: { background: i + extraIndex === resourceGroupIndex ? '#f4f6f9' : 'white' },
+	                  onClick: function onClick() {
+	                    return clickTableRow(i + extraIndex);
 	                  } },
 	                _react2.default.createElement(
 	                  'div',
@@ -20376,7 +20385,7 @@ module.exports =
 	                      'div',
 	                      { className: 'connect-resource-group', onClick: function onClick(e) {
 	                          e.stopPropagation();
-	                          openConnectionModal(group, i);
+	                          openConnectionModal(group, i + extraIndex);
 	                        }, style: { paddingTop: linked ? 5 : 6 } },
 	                      linked ? _react2.default.createElement(
 	                        'svg',
@@ -20396,7 +20405,7 @@ module.exports =
 	                      'div',
 	                      { className: 'remove-resource-group' + (groupsAfterThisContainThisResource ? '-disabled' : ''),
 	                        onClick: function onClick(e) {
-	                          if (!groupsAfterThisContainThisResource) removeResourceGroup(e, i);
+	                          if (!groupsAfterThisContainThisResource) removeResourceGroup(e, i + extraIndex);
 	                        } },
 	                      _react2.default.createElement(
 	                        'svg',
@@ -20407,7 +20416,7 @@ module.exports =
 	                    _react2.default.createElement(
 	                      'strong',
 	                      { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'block', paddingTop: 8 } },
-	                      group.name
+	                      group.provider === step.sourceProvider ? group.name + ' (' + step.sourceProvider + ')' : group.name
 	                    )
 	                  )
 	                )
@@ -20660,9 +20669,11 @@ module.exports =
 	          ),
 	          sourceKeys.map(function (sk, i) {
 	
-	            var destinationVals = [destinationSchema && destinationSchema.find(function (defaultRsc) {
+	            var targetSchema = bundle.provider === step.sourceProvider ? sourceSchema : destinationSchema;
+	
+	            var destinationVals = [targetSchema && targetSchema.find(function (defaultRsc) {
 	              return defaultRsc.name === bundle.name;
-	            }) && destinationSchema.find(function (defaultRsc) {
+	            }) && targetSchema.find(function (defaultRsc) {
 	              return defaultRsc.name === bundle.name;
 	            }).properties.filter(function (p) {
 	              return !p.readOnly;
@@ -21193,6 +21204,7 @@ module.exports =
 	              )
 	            ),
 	            bit.map(function (x, i) {
+	              var targetSchema = group.provider === step.sourceProvider ? sourceSchema : destinationSchema;
 	              return _react2.default.createElement(
 	                _CSSTransitionGroup2.default,
 	                { transitionName: 'fade-' + direction,
@@ -21206,10 +21218,12 @@ module.exports =
 	                    customizingGroup === group.name && _react2.default.createElement(
 	                      'div',
 	                      { style: { width: 264, marginBottom: 5 } },
-	                      _react2.default.createElement(Input, { placeholder: 'Add Custom Field', inputRef: function inputRef(ref) {
+	                      _react2.default.createElement(Input, { placeholder: 'Add Custom Field',
+	                        inputRef: function inputRef(ref) {
 	                          return _this4.customFieldInput = ref;
 	                        },
-	                        onChange: _this4.changeCustomFieldValue, value: _this4.state.customFieldValue,
+	                        onChange: _this4.changeCustomFieldValue,
+	                        value: _this4.state.customFieldValue,
 	                        symbolPattern: '[a-zA-Z ]', style: { width: 210 } }),
 	                      _react2.default.createElement(
 	                        Button,
@@ -21218,7 +21232,9 @@ module.exports =
 	                        'OK'
 	                      )
 	                    ),
-	                    !_this4.state.setDuplicateRules && destinationSchema && destinationSchema.find(function (r) {
+	                    !_this4.state.setDuplicateRules && targetSchema && targetSchema.find(function (r) {
+	                      return r.name === group.name;
+	                    }) && targetSchema.find(function (r) {
 	                      return r.name === group.name;
 	                    }).properties.filter(function (p) {
 	                      return !p.readOnly;
@@ -21248,7 +21264,8 @@ module.exports =
 	                        _react2.default.createElement(
 	                          'div',
 	                          { style: { paddingLeft: 12 } },
-	                          _react2.default.createElement(_reduxForm.Field, { style: { height: 19, margin: 0 }, label: 'Unique Field',
+	                          _react2.default.createElement(_reduxForm.Field, { style: { height: 19, margin: 0, color: 'grey' },
+	                            label: 'Unique Field',
 	                            component: inputs.rfCheckbox,
 	                            checked: mappings[mk].unique,
 	                            name: 'resourceGroups.' + resourceGroupIndex + '.mappings.' + mappings[mk].index + '.isUnique' })
@@ -21323,7 +21340,7 @@ module.exports =
 	var MapTableMappingRow = exports.MapTableMappingRow = function MapTableMappingRow(props) {
 	  var group = props.group,
 	      i = props.i,
-	      clearOneMapping = props.clearOneMapping;
+	      clearMapping = props.clearMapping;
 	
 	  return _react2.default.createElement(
 	    'div',
@@ -21356,7 +21373,7 @@ module.exports =
 	              'div',
 	              { className: 'x-clear-mapping',
 	                onClick: function onClick() {
-	                  clearOneMapping(i, m);
+	                  clearMapping(i, m);
 	                } },
 	              'x'
 	            ) : _react2.default.createElement('div', { style: { width: 30, display: 'inline-block' } }),
@@ -21480,11 +21497,13 @@ module.exports =
 	  );
 	};
 	
-	var MapTableDestinationRow = exports.MapTableDestinationRow = function MapTableDestinationRow(props) {
+	var MapTableDestinationRow = exports.MapTableDestinationRow = function MapTableDestinationRow(_ref) {
+	  var group = _ref.group,
+	      step = _ref.step;
 	  return _react2.default.createElement(
 	    'strong',
 	    { style: { fontSize: 16, whiteSpace: 'wrap' } },
-	    props.group.name
+	    group.provider === step.sourceProvider ? group.name + ' (' + step.sourceProvider + ')' : group.name
 	  );
 	};
 
@@ -21668,9 +21687,11 @@ module.exports =
 	          showOverflow = _props3.showOverflow,
 	          step = _props3.step;
 	
+	
 	      var Tooltip = inputs.Tooltip;
 	      var Button = inputs.Button;
 	      var group = resourceGroups[resourceGroupIndex];
+	      var isReverse = group.provider === step.sourceProvider;
 	      var bit = [true, false];
 	      var direction = leftClicked ? 'right' : 'left';
 	      var groupResourcesLength = group && group.resources ? group.resources.length : 0;
@@ -21683,6 +21704,12 @@ module.exports =
 	        });
 	      });
 	
+	      var filteredSourceSchema = sourceSchema.filter(function (rsc) {
+	        return resourceGroups.find(function (g, i) {
+	          return i < resourceGroupIndex && g.name === rsc.name && group && group.name !== rsc.name ? true : false;
+	        });
+	      });
+	
 	      return _react2.default.createElement(
 	        'div',
 	        { style: { position: 'relative' } },
@@ -21693,15 +21720,7 @@ module.exports =
 	          _react2.default.createElement(
 	            'p',
 	            null,
-	            'Choose one or more ',
-	            step.sourceProvider,
-	            ' Objects to map into the ',
-	            step.destinationProvider,
-	            ' 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.'
+	            'Choose one or more Source Objects to map into the Target Object. If multiple Source Objects are added to a single Target Object, the Keys for joining these objects must be configured as well.'
 	          )
 	        ),
 	        _react2.default.createElement(
@@ -21946,10 +21965,11 @@ module.exports =
 	                  _react2.default.createElement(_selectWrapper2.default, { label: 'Add Data Source', style: { height: 40 }, onClick: showOverflow,
 	                    onSelect: function onSelect(v, i, rtid, section) {
 	                      return addDefaultEntity(resourceGroupIndex, v, i, section, rtid);
-	                    }, type: 'neutral', inputs: inputs,
-	                    selectedValues: resourceGroups && resourceGroups[resourceGroupIndex] && resourceGroups[resourceGroupIndex].resources,
-	                    values: [sourceSchema, filteredDestinationSchema],
-	                    sectionLabels: [step.sourceProvider, step.destinationProvider],
+	                    }, type: 'neutral', inputs: inputs
+	                    //selectedValues={resourceGroups && resourceGroups[resourceGroupIndex] && 
+	                    //resourceGroups[resourceGroupIndex].resources} 
+	                    , values: !isReverse ? [sourceSchema, filteredDestinationSchema] : [destinationSchema, filteredSourceSchema],
+	                    sectionLabels: !isReverse ? [step.sourceProvider, step.destinationProvider] : [step.destinationProvider, step.sourceProvider],
 	                    sectionLabelSuffix: 'Objects', fieldPropLabel: 'name'
 	                  })
 	                ) : null
@@ -22625,7 +22645,6 @@ module.exports =
 				    formValues = _props3.formValues,
 				    change = _props3.change;
 	
-	
 				var disable = true;
 				if (step.options && formValues.deployment) {
 					if (formValues.deployment.type === 'daily') {
@@ -22908,6 +22927,13 @@ module.exports =
 	
 	      var Button = inputs.Button;
 	      var Spinner = inputs.Spinner;
+	
+	      var envCheckResult = wizard[step.mode + 'CheckResult'];
+	
+	      var POSTS = wizard[step.mode + 'Metadata'] && wizard[step.mode + 'Metadata'].filter(function (m) {
+	        return m.method === 'POST' || m.method === 'PUT';
+	      });
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -22944,7 +22970,7 @@ module.exports =
 	              Button,
 	              { type: 'brand',
 	                onClick: function onClick() {
-	                  return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'sandbox');
+	                  return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'sandbox', step.mode);
 	                } },
 	              'Sandbox'
 	            ),
@@ -22952,7 +22978,7 @@ module.exports =
 	              Button,
 	              { type: 'brand', style: { margin: '0 12px' },
 	                onClick: function onClick() {
-	                  return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'production');
+	                  return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'production', step.mode);
 	                } },
 	              'Production'
 	            ),
@@ -23004,10 +23030,10 @@ module.exports =
 	                  'div',
 	                  { style: { display: 'inline-block', marginLeft: 12 } },
 	                  wizard.envChecking && _react2.default.createElement(Spinner, null),
-	                  wizard.envCheckResult && _react2.default.createElement(
+	                  envCheckResult && _react2.default.createElement(
 	                    'span',
 	                    null,
-	                    wizard.envCheckResult
+	                    envCheckResult
 	                  )
 	                )
 	              )
@@ -23042,10 +23068,10 @@ module.exports =
 	                'div',
 	                { style: { display: 'inline-block', marginLeft: 12 } },
 	                wizard.envChecking && _react2.default.createElement(Spinner, null),
-	                wizard.envCheckResult && _react2.default.createElement(
+	                envCheckResult && _react2.default.createElement(
 	                  'span',
 	                  null,
-	                  wizard.envCheckResult
+	                  envCheckResult
 	                )
 	              )
 	            )
@@ -23106,7 +23132,9 @@ module.exports =
 	          _react2.default.createElement(
 	            'ul',
 	            null,
-	            wizard[step.mode + 'Metadata'].map(function (rsc, i) {
+	            wizard[step.mode + 'Metadata'].filter(function (m) {
+	              return m.method !== 'POST';
+	            }).map(function (rsc, i) {
 	              return _react2.default.createElement(
 	                'li',
 	                { key: i, style: { paddingLeft: 10 } },
@@ -23121,8 +23149,42 @@ module.exports =
 	            })
 	          )
 	        ) : null,
-	        _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Environment', component: renderError }),
 	        _react2.default.createElement('br', null),
+	        wizard[step.mode + 'Metadata'] && step.mode === 'source' && POSTS && POSTS.length > 0 && _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(_reduxForm.Field, { name: 'bidirectional', component: inputs.rfCheckbox, label: 'Enable writing to source system (Bi-drectional Sync)', checked: formValues.bidirectional || false }),
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement('br', null),
+	          formValues.bidirectional && _react2.default.createElement(
+	            'div',
+	            null,
+	            _react2.default.createElement(
+	              'span',
+	              { className: 'labelz' },
+	              'Available ',
+	              step[step.mode + 'Provider'],
+	              ' Data Target Objects:'
+	            ),
+	            _react2.default.createElement(
+	              'ul',
+	              null,
+	              POSTS.map(function (rsc, i) {
+	                return _react2.default.createElement(
+	                  'li',
+	                  { key: i, style: { paddingLeft: 10 } },
+	                  _react2.default.createElement(
+	                    'a',
+	                    { style: { textDecoration: 'none', cursor: 'default' } },
+	                    rsc.name
+	                  )
+	                );
+	              })
+	            )
+	          )
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Environment', component: renderError }),
 	        _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)
@@ -23451,8 +23513,18 @@ module.exports =
 	                formValues: formValues, change: change, update: this.update, step: step, actions: actions }),
 	              _react2.default.createElement(
 	                MapTable,
-	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping },
-	                _react2.default.createElement(Rows.MapTableSourceRow, { step: step }),
+	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping,
+	                  mode: 'normal', step: step },
+	                _react2.default.createElement(Rows.MapTableSourceRow, null),
+	                _react2.default.createElement(Rows.MapTableMappingRow, null),
+	                _react2.default.createElement(Rows.MapTableTransformRow, null),
+	                _react2.default.createElement(Rows.MapTableDestinationRow, null)
+	              ),
+	              _react2.default.createElement(
+	                MapTable,
+	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping,
+	                  mode: 'reverse', step: step },
+	                _react2.default.createElement(Rows.MapTableSourceRow, null),
 	                _react2.default.createElement(Rows.MapTableMappingRow, null),
 	                _react2.default.createElement(Rows.MapTableTransformRow, null),
 	                _react2.default.createElement(Rows.MapTableDestinationRow, null)
@@ -24220,17 +24292,19 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addGroup',
-	    value: function addGroup(v, index, recordTypeId) {
+	    value: function addGroup(v, index, recordTypeId, section) {
 	      var _props4 = this.props,
 	          change = _props4.change,
 	          formValues = _props4.formValues;
 	
 	
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups'])) || [];
-	      resourceGroups.splice(index + 1, 0, {
+	
+	      resourceGroups.splice(index, 0, {
 	        name: v,
 	        resources: null,
-	        recordTypeId: recordTypeId
+	        recordTypeId: recordTypeId,
+	        provider: section
 	      });
 	
 	      change('resourceGroups', resourceGroups);
@@ -24450,18 +24524,22 @@ module.exports =
 	          null,
 	          _react2.default.createElement(
 	            _groupNav2.default,
-	            { isBundleStep: true, style: { position: 'relative', width: 585, height: 69, zIndex: 9000 },
+	            { 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, addDefaultEntity: this.addDefaultEntity,
-	              didRemoveEntity: this.removeEntity },
+	              didRemoveEntity: this.removeEntity,
+	              sourceSchema: sourceSchema,
+	              bidirectional: formValues.bidirectional },
 	            _react2.default.createElement(_schemaAccordion2.default, { sourceSchema: sourceSchema,
 	              changeEntityOrder: this.changeEntityOrder, step: step,
 	              destinationSchema: destinationSchema,
 	              selectPrimaryKey: this.selectPrimaryKey,
 	              selectJoinKey: this.selectJoinKey }),
-	            _react2.default.createElement(_bundleTable2.default, { openConnectionModal: this.openConnectionModal })
+	            _react2.default.createElement(_bundleTable2.default, { openConnectionModal: this.openConnectionModal, mode: 'normal' }),
+	            _react2.default.createElement(_bundleTable2.default, { openConnectionModal: this.openConnectionModal, mode: 'reverse' })
 	          ),
 	          _react2.default.createElement('br', null)
 	        ),
@@ -25007,7 +25085,9 @@ module.exports =
 	      if (formValues.destinationEndpoint) {
 	        endpoints.destinationEndpoint = formValues.destinationEndpoint;
 	      }
-	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: formValues['scenario'] });
+	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: formValues['scenario'] }, {
+	        isBidirectional: String(formValues['bidirectional'] === true)
+	      });
 	      //----------------------------------
 	      // Post
 	      //----------------------------------
@@ -25148,6 +25228,7 @@ module.exports =
 	  var mappings = selector(state, 'mappings');
 	  var resourceGroups = selector(state, 'resourceGroups');
 	  var scenario = selector(state, 'scenario');
+	  var bidirectional = selector(state, 'bidirectional');
 	  return Object.assign({}, state, {
 	    formValues: {
 	      title: title,
@@ -25158,7 +25239,8 @@ module.exports =
 	      deployment: deployment,
 	      mappings: mappings,
 	      resourceGroups: resourceGroups,
-	      scenario: scenario
+	      scenario: scenario,
+	      bidirectional: bidirectional
 	    }
 	  });
 	})(WizardForm);
@@ -25300,11 +25382,11 @@ module.exports =
 	          }
 	        } else */if (step.type === 'scenario') {
 	          step.options = wizard.scenarios;
-	          step.magicNumber = wizard.magicDefaultNumber;
+	          step.magicNumber = '2147483647';
 	          stepList.push(step);
 	        } else if (step.type === 'environment') {
 	          step.typeGuid = wizard.typeGuid;
-	          if (step.mode === 'source' && wizard.source.env) {
+	          if (step.mode === 'source' && !wizard.source.skipEnvStep) {
 	            step.message = wizard.source.message;
 	            step.providerType = wizard.source.type;
 	            step.credentials = wizard.source.credentials || null;
@@ -25312,7 +25394,7 @@ module.exports =
 	            step.metadataApi = wizard.source.metadataApi;
 	            step.previewToken = this.props.previewToken;
 	            stepList.push(step);
-	          } else if (step.mode === 'destination' && wizard.destination.env) {
+	          } else if (step.mode === 'destination' && !wizard.destination.skipEnvStep) {
 	            step.message = wizard.destination.message;
 	            step.providerType = wizard.destination.type;
 	            step.credentials = wizard.destination.credentials || null;
@@ -25333,7 +25415,7 @@ module.exports =
 	            step.dummyData = wizard.dummyData || null
 	            stepList.push(step)*/
 	        } else if (step.type === 'deploy') {
-	          step.options = wizard.deployment;
+	          step.options = ['once', 'daily', 'repeating'];
 	          stepList.push(step);
 	        }
 	      }
@@ -25344,10 +25426,10 @@ module.exports =
 	      var metadataEndpoints = {
 	        source: wizard.source.metadataEndpoint || null,
 	        sourceApi: wizard.source.metadataApi || null,
-	        sourceEnv: wizard.source.env,
+	        sourceEnv: wizard.source.skipEnvStep ? false : true,
 	        destination: wizard.destination.metadataEndpoint || null,
 	        destinationApi: wizard.destination.metadataApi || null,
-	        destinationEnv: wizard.destination.env
+	        destinationEnv: wizard.destination.skipEnvStep ? false : true
 	      };
 	      this.setState({
 	        steps: stepList,