@lingk/sync 0.0.40 → 0.0.42

package/build/main.js

@@ -45,7 +45,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(58);
+	module.exports = __webpack_require__(60);
 
 
 /***/ },
@@ -207,6 +207,12 @@ module.exports =
 	          mappings: wizard.savedMapping && wizard.savedMapping.mappings && wizard.savedMapping.mappings.filter(function (map) {
 	            return map.bundleIndex === index;
 	          }).map(function (m) {
+	            var sourceResource = wizard.sourceMetadata.find(function (rsc) {
+	              return rsc.type === m.resourceFromName;
+	            });
+	            var sourceProperty = sourceResource.properties.find(function (prop) {
+	              return prop.name === m.propertyFromName;
+	            });
 	            var destinationResource = wizard.destinationMetadata.find(function (rsc) {
 	              return rsc.type === m.resourceToName;
 	            });
@@ -214,9 +220,9 @@ module.exports =
 	              return prop.name === m.propertyToName;
 	            });
 	            return {
-	              resourceFromName: m.resourceFromName,
-	              propertyFromName: m.propertyFromName,
-	              resourceToName: destinationProperty.type,
+	              resourceFromName: sourceResource.name,
+	              propertyFromName: sourceProperty.label,
+	              resourceToName: destinationResource.name,
 	              propertyToName: destinationProperty.label
 	            };
 	          })
@@ -242,8 +248,7 @@ module.exports =
 	exports.default = loadData;
 
 /***/ },
-/* 8 */,
-/* 9 */
+/* 8 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -375,13 +380,13 @@ module.exports =
 	    }
 	  }, {
 	    key: "addDefaultResourceGroup",
-	    value: function addDefaultResourceGroup(v) {
+	    value: function addDefaultResourceGroup(v, i, id) {
 	      var _props = this.props,
 	          resourceGroups = _props.resourceGroups,
 	          addGroup = _props.addGroup;
 	
 	      this.go(false, resourceGroups.length);
-	      addGroup(v);
+	      addGroup(v, id);
 	    }
 	  }, {
 	    key: "pickEntity",
@@ -441,7 +446,6 @@ module.exports =
 	          leftClicked = _state.leftClicked;
 	
 	      var Select = inputs.Select;
-	      var Input = inputs.Input;
 	      var Button = inputs.Button;
 	
 	      var propsForChild = {
@@ -461,7 +465,7 @@ module.exports =
 	      var smallButtonStyle = {
 	        marginLeft: 4,
 	        height: 22,
-	        width: 111,
+	        width: 102,
 	        lineHeight: '20px',
 	        padding: 0,
 	        verticalAlign: 'middle',
@@ -477,19 +481,12 @@ module.exports =
 	        _react2.default.createElement(
 	          "div",
 	          { style: style },
-	          isBundleStep ? _react2.default.createElement(
-	            "div",
-	            { style: { position: 'absolute', right: 0, top: 0 } },
-	            _react2.default.createElement(Select, { label: "+", type: "brand", style: { height: 37 }, menuAlign: "right", extraClass: true,
-	              onSelect: this.addDefaultResourceGroup, values: destinationSchema, title: "Add New"
-	            })
-	          ) : null,
 	          !isBundleStep ? _react2.default.createElement(
 	            "div",
-	            { style: { position: 'absolute', right: 0, top: 8 } },
+	            { style: { position: 'absolute', right: 0, top: -6 } },
 	            _react2.default.createElement(
 	              "div",
-	              null,
+	              { className: "labelz" },
 	              "Relationship Types:"
 	            ),
 	            _react2.default.createElement(
@@ -509,10 +506,10 @@ module.exports =
 	          ) : null,
 	          _react2.default.createElement(
 	            "div",
-	            { className: "schema-group-nav" },
+	            null,
 	            _react2.default.createElement(
 	              "div",
-	              { style: { margin: '0 auto', width: 120 } },
+	              { style: { margin: '0 auto', width: 120, marginLeft: 120 }, className: "labelz" },
 	              "Destination Object"
 	            ),
 	            _react2.default.createElement(
@@ -526,9 +523,9 @@ module.exports =
 	              _react2.default.createElement(
 	                "div",
 	                { className: "schema-groups-slider", style: {
-	                    width: 240 * resourceGroups.length,
-	                    transform: "translate(-" + 240 * resourceGroupIndex + "px)",
-	                    WebkitTransform: "translate(-" + 240 * resourceGroupIndex + "px)"
+	                    width: 340 * resourceGroups.length,
+	                    transform: "translate(-" + 340 * resourceGroupIndex + "px)",
+	                    WebkitTransform: "translate(-" + 340 * resourceGroupIndex + "px)"
 	                  } },
 	                resourceGroups.map(function (g, i) {
 	                  return _react2.default.createElement(
@@ -553,7 +550,15 @@ module.exports =
 	                  } });
 	              })
 	            )
-	          )
+	          ),
+	          isBundleStep ? _react2.default.createElement(
+	            "div",
+	            { style: { position: 'absolute', right: 0, top: -2, zIndex: 99 } },
+	            _react2.default.createElement(Select, { label: "+", type: "brand", style: { height: 37 }, menuAlign: "right", extraClass: true,
+	              onSelect: this.addDefaultResourceGroup, values: destinationSchema, title: "Add New",
+	              minWidth: 260
+	            })
+	          ) : null
 	        ),
 	        _react2.default.Children.count(this.props.children) > 0 ? _react2.default.Children.map(this.props.children, function (child) {
 	          return _react2.default.cloneElement(child, Object.assign({}, propsForChild));
@@ -568,12 +573,12 @@ module.exports =
 	exports.default = GroupNav;
 
 /***/ },
-/* 10 */
+/* 9 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
 		if(true)
-			module.exports = factory(__webpack_require__(1), __webpack_require__(62));
+			module.exports = factory(__webpack_require__(1), __webpack_require__(64));
 		else if(typeof define === 'function' && define.amd)
 			define(["react", "react-dom"], factory);
 		else if(typeof exports === 'object')
@@ -2180,19 +2185,20 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 11 */
+/* 10 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-addons-css-transition-group");
 
 /***/ },
-/* 12 */,
-/* 13 */
+/* 11 */,
+/* 12 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-redux");
 
 /***/ },
+/* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
@@ -2271,6 +2277,10 @@ module.exports =
 	        type: types.FINISH_ENV_CHECK,
 	        data: { res: res, mode: mode, code: '200 OK', providerType: providerType }
 	      });
+	      dispatch({
+	        type: types.SET_WIZARD_METADATA,
+	        data: { res: res, mode: mode, providerType: providerType }
+	      });
 	    }).catch(function (err) {
 	      dispatch({
 	        type: types.FINISH_ENV_CHECK,
@@ -2600,17 +2610,16 @@ module.exports =
 	    return api.get(tenantId + '/' + appId + '/' + urlSuffix, {
 	      endpoint: AGENT_API_URL
 	    }).then(function (res) {
-	      console.log(res);
 	      dispatch({
 	        type: types.SET_WIZARD_METADATA,
 	        data: { res: res, mode: mode, providerType: providerType }
 	      });
 	    }).catch(function (err) {
 	      console.log(err);
-	      /*dispatch({
+	      dispatch({
 	        type: types.FINISH_ENV_CHECK,
-	        data: {res:null, mode, code:'404 Error'}
-	      })*/
+	        data: { res: null, mode: mode, code: '404 Error' }
+	      });
 	    });
 	  };
 	}
@@ -2738,8 +2747,14 @@ module.exports =
 	      name: 'Student',
 	      properties: [{ name: 'First Name' }, { name: 'Last Name' }, { name: 'External Id' }, { name: 'Birthdate' }, { name: 'Gender' }, { name: 'Institution External Id' }, { name: 'Suffix' }, { name: 'US Citizenship Status' }, { name: 'Highest Education Level Completed' }, { name: 'Identification System' }]
 	    }, {
-	      name: 'Program Enrollment',
-	      properties: [{ name: 'First Name' }, { name: 'Last Name' }, { name: 'External Id' }, { name: 'Birthdate' }, { name: 'Gender' }, { name: 'Institution External Id' }, { name: 'Suffix' }, { name: 'US Citizenship Status' }, { name: 'Highest Education Level Completed' }, { name: 'Identification System' }]
+	      name: 'Student Email',
+	      properties: [{ name: 'Student External Id' }, { name: 'Email Address' }, { name: 'Email Address Type' }, { name: 'Last Modified' }, { name: 'Is Primary' }]
+	    }, {
+	      name: 'Program',
+	      properties: [{ name: 'Capacity' }, { name: 'CurrentEnrollment' }, { name: 'Name' }, { name: 'Last Modified' }, { name: 'Length Hours' }, { name: 'External Id' }, { name: 'Classification Of Instructional Program Code' }, { name: 'Classification Of Instructional Program Version' }, { name: 'Length Hours Type' }, { name: 'Normal Length of Time for Completion' }, { name: 'Normal Length of Time for Completion Units' }, { name: 'Postsecondary Program Level' }]
+	    }, {
+	      name: 'Student Program',
+	      properties: [{ name: 'Last Modified' }, { name: 'Participation Start Date' }, { name: 'Participation Exit Date' }, { name: 'Student External Id' }, { name: 'Program External Id' }, { name: 'Program Participation Status' }, { name: 'Transfer Out Indicator' }, { name: 'Work Based Learning Opportunity Type' }, { name: 'Classification Of Instructional Program Use' }]
 	    }],
 	    /*sourceDefaultSchema: [
 	      {
@@ -4232,7 +4247,7 @@ module.exports =
 	        ) : null,
 	        _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Environment', component: renderError }),
 	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
+	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !wizard.sourceMetadata, handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null)
 	      );
@@ -4385,10 +4400,20 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _groupNav = __webpack_require__(9);
+	var _groupNav = __webpack_require__(8);
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
+	var _transformModal = __webpack_require__(58);
+	
+	var _transformModal2 = _interopRequireDefault(_transformModal);
+	
+	var _mapTableRows = __webpack_require__(56);
+	
+	var Rows = _interopRequireWildcard(_mapTableRows);
+	
+	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+	
 	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); } }
@@ -4407,10 +4432,18 @@ module.exports =
 	
 	    var _this = _possibleConstructorReturn(this, (MapStep.__proto__ || Object.getPrototypeOf(MapStep)).call(this));
 	
+	    _this.state = {
+	      showModal: false,
+	      selectedTransform: null,
+	      selectedTransformIndex: null,
+	      selectedTransformResourceIndex: null
+	    };
 	    _this.clearAllMappings = _this.clearAllMappings.bind(_this);
 	    _this.autoMap = _this.autoMap.bind(_this);
 	    _this.clearOneMapping = _this.clearOneMapping.bind(_this);
 	    _this.update = _this.update.bind(_this);
+	    _this.hideModal = _this.hideModal.bind(_this);
+	    _this.selectMapping = _this.selectMapping.bind(_this);
 	    return _this;
 	  }
 	
@@ -4432,6 +4465,23 @@ module.exports =
 	    value: function update() {
 	      this.forceUpdate();
 	    }
+	  }, {
+	    key: 'hideModal',
+	    value: function hideModal() {
+	      this.setState({
+	        showModal: false
+	      });
+	    }
+	  }, {
+	    key: 'selectMapping',
+	    value: function selectMapping(rscIndex, m, i) {
+	      this.setState({
+	        showModal: true,
+	        selectedTransform: m,
+	        selectedTransformIndex: i,
+	        selectedTransformResourceIndex: rscIndex
+	      });
+	    }
 	  }, {
 	    key: 'autoMap',
 	    value: function autoMap() {
@@ -4502,14 +4552,16 @@ module.exports =
 	          reset = _props5.reset,
 	          wizard = _props5.wizard;
 	
-	      var resourceGroups = formValues['resourceGroups'];
 	      var Button = inputs.Button;
 	      var MapTable = inputs.MapTable;
-	
-	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : step.defaultSchema;
+	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : null;
 	
 	      var destinationSchema = wizard['destinationMetadata'] ? wizard['destinationMetadata'] : null;
 	
+	      var resourceGroups = formValues['resourceGroups'].filter(function (g) {
+	        return g.resources;
+	      });
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -4544,10 +4596,10 @@ module.exports =
 	            { style: { position: 'relative', width: 640 } },
 	            _react2.default.createElement(
 	              _groupNav2.default,
-	              { resourceGroups: resourceGroups, customizable: false, isBundleStep: false, inputs: inputs },
+	              { resourceGroups: resourceGroups, customizable: false, isBundleStep: false, inputs: inputs,
+	                style: { position: 'relative', width: 640, height: 67, zIndex: 9000 } },
 	              _react2.default.createElement(_mapAccordion2.default, { sourceSchema: sourceSchema, destinationSchema: destinationSchema,
-	                formValues: formValues, change: change, update: this.update
-	              })
+	                formValues: formValues, change: change, update: this.update })
 	            )
 	          ) : null
 	        ),
@@ -4555,7 +4607,17 @@ module.exports =
 	        resourceGroups && resourceGroups.length > 0 ? _react2.default.createElement(
 	          'div',
 	          null,
-	          _react2.default.createElement(MapTable, { resourceGroups: resourceGroups, clearOneMapping: this.clearOneMapping })
+	          _react2.default.createElement(
+	            MapTable,
+	            { resourceGroups: resourceGroups, clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping },
+	            _react2.default.createElement(Rows.MapTableSourceRow, null),
+	            _react2.default.createElement(Rows.MapTableMappingRow, null),
+	            _react2.default.createElement(Rows.MapTableTransformRow, null),
+	            _react2.default.createElement(Rows.MapTableDestinationRow, null)
+	          ),
+	          this.state.showModal && _react2.default.createElement(_transformModal2.default, { inputs: inputs, hideModal: this.hideModal, mapping: this.state.selectedTransform,
+	            opened: this.state.showModal, mappingIndex: this.state.selectedTransformIndex,
+	            resourceGroupIndex: this.state.selectedTransformResourceIndex, resourceGroups: resourceGroups })
 	        ) : null,
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs,
@@ -4950,7 +5012,7 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _schemaAccordion = __webpack_require__(56);
+	var _schemaAccordion = __webpack_require__(57);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -4958,7 +5020,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _groupNav = __webpack_require__(9);
+	var _groupNav = __webpack_require__(8);
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
@@ -4998,19 +5060,10 @@ module.exports =
 	    _this.changeEntityOrder = _this.changeEntityOrder.bind(_this);
 	    _this.changeGroupOrder = _this.changeGroupOrder.bind(_this);
 	    _this.defaultResourceMapping = [{
-	      name: 'Account',
-	      resources: [{
-	        name: 'Student',
-	        externalKey: 'External Id'
-	      }]
-	    }, {
 	      name: 'Contact',
 	      resources: [{
 	        name: 'Student',
 	        externalKey: null
-	      }, {
-	        name: 'Staff',
-	        externalKey: 'External Id'
 	      }]
 	    }];
 	    return _this;
@@ -5087,7 +5140,7 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addGroup',
-	    value: function addGroup(v) {
+	    value: function addGroup(v, recordTypeId) {
 	      var _props4 = this.props,
 	          change = _props4.change,
 	          formValues = _props4.formValues;
@@ -5096,7 +5149,8 @@ module.exports =
 	      var resourceGroups = formValues['resourceGroups'] || [];
 	      resourceGroups.push({
 	        name: v,
-	        resources: null
+	        resources: null,
+	        recordTypeId: recordTypeId
 	      });
 	
 	      change('resourceGroups', resourceGroups);
@@ -5198,7 +5252,7 @@ module.exports =
 	      var Button = inputs.Button;
 	      var Tooltip = inputs.Tooltip;
 	
-	      var sourceSchema = wizard[step.mode + 'Metadata'] ? wizard[step.mode + 'Metadata'] : step.defaultSchema;
+	      var sourceSchema = wizard['sourceMetadata'] ? wizard['sourceMetadata'] : null;
 	
 	      var destinationSchema = wizard['destinationMetadata'] ? wizard['destinationMetadata'] : null;
 	
@@ -5248,7 +5302,7 @@ module.exports =
 	          { style: { marginLeft: 16 } },
 	          _react2.default.createElement(
 	            _groupNav2.default,
-	            { style: { position: 'relative', width: 540 }, isBundleStep: true,
+	            { isBundleStep: true, style: { position: 'relative', width: 540, height: 67, zIndex: 9000 },
 	              resourceGroups: resourceGroups, removeGroup: this.removeGroup, addGroup: this.addGroup,
 	              destinationSchema: destinationSchema, changeGroupOrder: this.changeGroupOrder,
 	              inputs: inputs, customizable: step.customizable, addDefaultEntity: this.addDefaultEntity },
@@ -5259,7 +5313,11 @@ module.exports =
 	          _react2.default.createElement('br', null)
 	        ) : null,
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs,
-	          nextDisabled: !(resourceGroups && resourceGroups.length > 0) })
+	          nextDisabled: !(resourceGroups && resourceGroups.length > 0) || !resourceGroups.every(function (g) {
+	            return g.resources && g.resources.every(function (rsc) {
+	              return rsc.externalKey;
+	            });
+	          }) })
 	      );
 	    }
 	  }]);
@@ -5291,7 +5349,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDraggable = __webpack_require__(10);
+	var _reactDraggable = __webpack_require__(9);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -5431,11 +5489,11 @@ module.exports =
 	          _react2.default.createElement(
 	            'div',
 	            { style: { display: 'inline-block' } },
-	            'Source Object Groups'
+	            'Source Objects'
 	          ),
 	          _react2.default.createElement(
 	            'div',
-	            { style: { width: '35%', float: 'right', marginLeft: 8 } },
+	            { style: { width: '49%', float: 'right', marginLeft: 8 } },
 	            'Destination Objects'
 	          )
 	        ),
@@ -5443,77 +5501,73 @@ module.exports =
 	          'div',
 	          { className: 'bundle-table-body' },
 	          resourceGroups && resourceGroups.map(function (group, i) {
-	            if (group.resources && group.resources.length > 0) {
-	              return _react2.default.createElement(
-	                _reactDraggable2.default,
-	                { axis: 'y', bounds: 'parent', key: i, handle: '.dragon', position: { x: 0, y: _this3.state.yPositions[i] },
-	                  onStart: function onStart(e, v) {
-	                    return _this3.handleDragStart(e, v, i);
-	                  }, onDrag: _this3.handleDrag, onStop: _this3.handleDragEnd },
+	            return _react2.default.createElement(
+	              _reactDraggable2.default,
+	              { axis: 'y', bounds: 'parent', key: i, handle: '.dragon', position: { x: 0, y: _this3.state.yPositions[i] },
+	                onStart: function onStart(e, v) {
+	                  return _this3.handleDragStart(e, v, i);
+	                }, onDrag: _this3.handleDrag, onStop: _this3.handleDragEnd },
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'bundle-table-row', key: i, style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white' } },
 	                _react2.default.createElement(
 	                  'div',
-	                  { className: 'bundle-table-row', key: i, style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white' } },
+	                  { className: 'bundle-table-dragger' },
+	                  _react2.default.createElement(
+	                    'div',
+	                    { style: { display: 'inline-block', verticalAlign: 'top', marginRight: 8, cursor: 'pointer' },
+	                      className: 'dragon' },
+	                    _react2.default.createElement(
+	                      'svg',
+	                      { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 18 18' },
+	                      _react2.default.createElement('path', { d: 'M9 4.12l2.38 2.38 1.06-1.06L9 2 5.56 5.44 6.62 6.5 9 4.12zm0 9.76L6.62 11.5l-1.06 1.06L9 16l3.44-3.44-1.06-1.06L9 13.88z' })
+	                    )
+	                  ),
+	                  _react2.default.createElement(
+	                    'div',
+	                    { style: { paddingTop: 3, display: 'inline-block', overflow: 'hidden',
+	                        textOverflow: 'ellipsis', maxWidth: 'calc(100% - 195px)', whiteSpace: 'nowrap' } },
+	                    group.resources && group.resources.map(function (rsc, i) {
+	                      return _react2.default.createElement(
+	                        'span',
+	                        { key: i },
+	                        i !== 0 && _react2.default.createElement(
+	                          'span',
+	                          null,
+	                          '+ '
+	                        ),
+	                        _react2.default.createElement(
+	                          'span',
+	                          { style: { fontWeight: i === 0 ? 'bold' : 'normal' } },
+	                          rsc.name,
+	                          ' '
+	                        )
+	                      );
+	                    })
+	                  ),
 	                  _react2.default.createElement(
 	                    'div',
-	                    { className: 'bundle-table-dragger' },
+	                    { style: { minWidth: '49%', float: 'right' } },
 	                    _react2.default.createElement(
 	                      'div',
-	                      { style: { display: 'inline-block', verticalAlign: 'top', marginRight: 8, cursor: 'pointer' },
-	                        className: 'dragon' },
+	                      { className: 'remove-resource-group', onClick: function onClick() {
+	                          return removeResourceGroup(i);
+	                        } },
 	                      _react2.default.createElement(
 	                        'svg',
-	                        { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 18 18' },
-	                        _react2.default.createElement('path', { d: 'M9 4.12l2.38 2.38 1.06-1.06L9 2 5.56 5.44 6.62 6.5 9 4.12zm0 9.76L6.62 11.5l-1.06 1.06L9 16l3.44-3.44-1.06-1.06L9 13.88z' })
+	                        { xmlns: 'http://www.w3.org/2000/svg', style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
+	                        _react2.default.createElement('path', { d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
 	                      )
 	                    ),
 	                    _react2.default.createElement(
-	                      'div',
-	                      { style: { paddingTop: 3, display: 'inline-block', overflow: 'hidden',
-	                          textOverflow: 'ellipsis', maxWidth: 'calc(100% - 195px)', whiteSpace: 'nowrap' } },
-	                      group.resources && group.resources.map(function (rsc, i) {
-	                        return _react2.default.createElement(
-	                          'span',
-	                          { key: i },
-	                          i !== 0 && _react2.default.createElement(
-	                            'span',
-	                            null,
-	                            '+ '
-	                          ),
-	                          _react2.default.createElement(
-	                            'span',
-	                            { style: { fontWeight: i === 0 ? 'bold' : 'normal' } },
-	                            rsc.name,
-	                            ' '
-	                          )
-	                        );
-	                      })
-	                    ),
-	                    _react2.default.createElement(
-	                      'div',
-	                      { style: { width: '35%', float: 'right' } },
-	                      _react2.default.createElement(
-	                        'div',
-	                        { className: 'remove-resource-group', onClick: function onClick() {
-	                            return removeResourceGroup(i);
-	                          } },
-	                        _react2.default.createElement(
-	                          'svg',
-	                          { xmlns: 'http://www.w3.org/2000/svg', style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
-	                          _react2.default.createElement('path', { d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
-	                        )
-	                      ),
-	                      _react2.default.createElement(
-	                        'strong',
-	                        { style: { fontSize: 16, whiteSpace: 'wrap', overflow: 'hidden', textOverflow: 'ellipsis' } },
-	                        group.name
-	                      )
+	                      'strong',
+	                      { style: { fontSize: 16, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } },
+	                      group.name
 	                    )
 	                  )
 	                )
-	              );
-	            } else {
-	              return null;
-	            }
+	              )
+	            );
 	          })
 	        )
 	      );
@@ -5541,7 +5595,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactAddonsCssTransitionGroup = __webpack_require__(11);
+	var _reactAddonsCssTransitionGroup = __webpack_require__(10);
 	
 	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
 	
@@ -5621,7 +5675,8 @@ module.exports =
 	          resourceFromName: selectedEntity,
 	          resourceToName: group,
 	          propertyFromName: this.state.selectedField,
-	          propertyToName: field
+	          propertyToName: field,
+	          transformType: 'none'
 	        });
 	        change('resourceGroups', resourceGroups);
 	        this.setState({ selectedField: null });
@@ -5662,13 +5717,17 @@ module.exports =
 	      return _react2.default.createElement(
 	        'div',
 	        null,
-	        'Sources',
 	        _react2.default.createElement(
 	          'div',
 	          { style: { position: 'relative', height: 288, border: '1px solid rgb(204, 205, 207)', overflow: 'hidden' } },
 	          _react2.default.createElement(
 	            'div',
 	            { style: { height: 288, width: 350, overflowX: 'hidden' } },
+	            _react2.default.createElement(
+	              'div',
+	              { style: { marginLeft: 12, marginTop: 3 }, className: 'labelz' },
+	              'Source Objects'
+	            ),
 	            bit.map(function (x, ii) {
 	              return _react2.default.createElement(
 	                _reactAddonsCssTransitionGroup2.default,
@@ -5682,7 +5741,7 @@ module.exports =
 	                    { ref: function ref(_ref) {
 	                        _this2['scroller-' + ii] = _ref;
 	                      }, className: 'scrolly',
-	                      style: { background: 'white', height: 282, width: 346, padding: 12 } },
+	                      style: { background: 'white', height: 261, width: 350, padding: '6px 12px' } },
 	                    group.resources && group.resources.map(function (rsc, i) {
 	                      return _react2.default.createElement(
 	                        'div',
@@ -5714,8 +5773,8 @@ module.exports =
 	                          })[0].properties.map(function (field, ii) {
 	                            var style = {
 	                              paddingLeft: 5,
-	                              background: selectedField && selectedField === field.name ? '#dfe0e0' : 'initial',
-	                              fontWeight: selectedField === field.name || filteredMappings && Object.values(filteredMappings).includes(field.name) ? 'bold' : 'normal'
+	                              background: selectedField && selectedField === field.label ? '#dfe0e0' : 'initial',
+	                              fontWeight: selectedField === field.name || filteredMappings && Object.values(filteredMappings).includes(field.label) ? 'bold' : 'normal'
 	                            };
 	                            if (filteredMappings && Object.values(filteredMappings).includes(field)) {
 	                              style['color'] = 'black';
@@ -5724,10 +5783,10 @@ module.exports =
 	                              'div',
 	                              { key: ii, className: 'wizard-map-field',
 	                                style: style, onClick: function onClick() {
-	                                  return _this2.clickField(field.name);
+	                                  return _this2.clickField(field.label);
 	                                }
 	                              },
-	                              field.name
+	                              field.label
 	                            );
 	                          }),
 	                          _react2.default.createElement('div', { style: { height: 9 } })
@@ -5759,9 +5818,9 @@ module.exports =
 	                  _react2.default.createElement(
 	                    'div',
 	                    { className: 'scrolly', style: { height: 256, padding: '8px 12px' } },
-	                    destinationSchema.filter(function (r) {
+	                    destinationSchema.find(function (r) {
 	                      return r.name === group.name;
-	                    })[0].properties.map(function (field, i) {
+	                    }).properties.map(function (field, i) {
 	                      return _react2.default.createElement(
 	                        'div',
 	                        { key: i, className: selectedField ? "wizard-map-field" : '', style: {
@@ -5791,6 +5850,188 @@ module.exports =
 
 /***/ },
 /* 56 */
+/***/ function(module, exports, __webpack_require__) {
+
+	"use strict";
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.MapTableDestinationRow = exports.MapTableTransformRow = exports.MapTableMappingRow = exports.MapTableSourceRow = undefined;
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var MapTableSourceRow = exports.MapTableSourceRow = function MapTableSourceRow(props) {
+	  var group = props.group;
+	
+	  return _react2.default.createElement(
+	    "div",
+	    { style: {
+	        minHeight: group.resources.length * 19
+	      } },
+	    group.resources && group.resources.map(function (rsc, ii) {
+	      var mapz = group.mappings && group.mappings.filter(function (m) {
+	        return m.resourceFromName === rsc.name;
+	      });
+	      var fieldNum = mapz ? mapz.length : 0;
+	      return _react2.default.createElement(
+	        "div",
+	        { key: ii, style: {
+	            marginTop: ii !== 0 ? 10 : 0,
+	            height: fieldNum * 19,
+	            minHeight: 18
+	          } },
+	        _react2.default.createElement(
+	          "strong",
+	          null,
+	          rsc.name
+	        )
+	      );
+	    })
+	  );
+	};
+	
+	var MapTableMappingRow = exports.MapTableMappingRow = function MapTableMappingRow(props) {
+	  var group = props.group,
+	      i = props.i,
+	      clearOneMapping = props.clearOneMapping;
+	
+	  return _react2.default.createElement(
+	    "div",
+	    null,
+	    group.resources && group.resources.map(function (rsc, iii) {
+	      var mapz = group.mappings && group.mappings.filter(function (m) {
+	        return m.resourceFromName === rsc.name;
+	      });
+	      return _react2.default.createElement(
+	        "div",
+	        { key: iii, style: {
+	            marginTop: iii !== 0 ? 10 : 0,
+	            minHeight: 18
+	          } },
+	        mapz && mapz.map(function (m, iv) {
+	          return _react2.default.createElement(
+	            "div",
+	            { key: iv, style: { height: 19 } },
+	            _react2.default.createElement(
+	              "div",
+	              { className: "x-clear-mapping",
+	                onClick: function onClick() {
+	                  clearOneMapping(i, m);
+	                } },
+	              "x"
+	            ),
+	            _react2.default.createElement(
+	              "div",
+	              { className: "mapping-entry" },
+	              m.propertyFromName + " \u2192 " + m.propertyToName
+	            )
+	          );
+	        })
+	      );
+	    })
+	  );
+	};
+	
+	var MapTableTransformRow = exports.MapTableTransformRow = function MapTableTransformRow(props) {
+	  var group = props.group,
+	      selectMapping = props.selectMapping;
+	
+	  var icons = {
+	    none: _react2.default.createElement(
+	      "svg",
+	      { fill: "#CCCCCC", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M12 8V4l8 8-8 8v-4H4V8z" }),
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
+	    ),
+	    trim: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "16", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	      _react2.default.createElement("circle", { cx: "6", cy: "18", fill: "none", r: "2" }),
+	      _react2.default.createElement("circle", { cx: "12", cy: "12", fill: "none", r: ".5" }),
+	      _react2.default.createElement("circle", { cx: "6", cy: "6", fill: "none", r: "2" }),
+	      _react2.default.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z" })
+	    ),
+	    split: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	      _react2.default.createElement("path", { d: "M14 4l2.29 2.29-2.88 2.88 1.42 1.42 2.88-2.88L20 10V4zm-4 0H4v6l2.29-2.29 4.71 4.7V20h2v-8.41l-5.29-5.3z" })
+	    ),
+	    merge: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	      _react2.default.createElement("path", { d: "M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z" })
+	    ),
+	    date: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "18", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z" }),
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
+	    ),
+	    sigma: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	      _react2.default.createElement("path", { d: "M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z" })
+	    ),
+	    link: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	      _react2.default.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" })
+	    ),
+	    swap: _react2.default.createElement(
+	      "svg",
+	      { fill: "#000000", height: "19", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
+	      _react2.default.createElement("path", { d: "M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z" }),
+	      _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
+	    )
+	  };
+	
+	  return _react2.default.createElement(
+	    "div",
+	    null,
+	    group.resources && group.resources.map(function (rsc, iii) {
+	      var mapz = group.mappings && group.mappings.filter(function (m) {
+	        return m.resourceFromName === rsc.name;
+	      });
+	      return _react2.default.createElement(
+	        "div",
+	        { key: iii, style: {
+	            marginTop: iii !== 0 ? 10 : 0,
+	            minHeight: 18
+	          } },
+	        mapz && mapz.map(function (m, iv) {
+	          return _react2.default.createElement(
+	            "div",
+	            { key: iv, className: "map-table-transform-icon", onClick: function onClick() {
+	                return selectMapping(iii, m, iv);
+	              } },
+	            icons[m.transformType || 'none']
+	          );
+	        })
+	      );
+	    })
+	  );
+	};
+	
+	var MapTableDestinationRow = exports.MapTableDestinationRow = function MapTableDestinationRow(props) {
+	  return _react2.default.createElement(
+	    "strong",
+	    { style: { fontSize: 16, whiteSpace: 'wrap' } },
+	    props.group.name
+	  );
+	};
+
+/***/ },
+/* 57 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5805,11 +6046,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactAddonsCssTransitionGroup = __webpack_require__(11);
+	var _reactAddonsCssTransitionGroup = __webpack_require__(10);
 	
 	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(10);
+	var _reactDraggable = __webpack_require__(9);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -5962,14 +6203,18 @@ module.exports =
 	      return _react2.default.createElement(
 	        'div',
 	        null,
-	        'Source Objects',
 	        _react2.default.createElement(
 	          'div',
 	          { style: {
 	              background: 'white', width: 540, minHeight: 245, overflow: overflowHidden ? 'hidden' : 'visible',
 	              border: '1px solid rgb(204, 205, 207)', position: 'relative',
-	              height: groupResourcesLength * 58 + 72
+	              height: groupResourcesLength * 58 + 72 + 22
 	            } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { marginLeft: 12, marginTop: 3 }, className: 'labelz' },
+	            'Source Objects'
+	          ),
 	          bit.map(function (x, ii) {
 	            return _react2.default.createElement(
 	              _reactAddonsCssTransitionGroup2.default,
@@ -6027,9 +6272,11 @@ module.exports =
 	                          { style: { verticalAlign: 'top', float: 'right', marginRight: 8 } },
 	                          _react2.default.createElement(_reduxForm.Field, { component: inputs.rfSelect, type: 'input', menuAlign: 'right', defaultLabel: 'Choose Group Key',
 	                            selectedValue: group.resources[i].externalKey, onClick: showOverflow,
-	                            values: sourceSchema.filter(function (defaultRsc) {
+	                            values: sourceSchema.find(function (defaultRsc) {
 	                              return defaultRsc.name === rsc.name;
-	                            })[0].properties,
+	                            }) && sourceSchema.find(function (defaultRsc) {
+	                              return defaultRsc.name === rsc.name;
+	                            }).properties,
 	                            name: 'resourceGroups.' + resourceGroupIndex + '.resources.' + i + '.externalKey'
 	                          })
 	                        )
@@ -6061,7 +6308,179 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 57 */
+/* 58 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	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 _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reduxForm = __webpack_require__(3);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	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; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	var TransformModal = function (_Component) {
+	  _inherits(TransformModal, _Component);
+	
+	  function TransformModal() {
+	    _classCallCheck(this, TransformModal);
+	
+	    var _this = _possibleConstructorReturn(this, (TransformModal.__proto__ || Object.getPrototypeOf(TransformModal)).call(this));
+	
+	    _this.state = {
+	      dataTypeSelected: '',
+	      dateFormatSelected: ''
+	    };
+	    _this.transformOptions = {
+	      'none': 'None',
+	      'trim': 'Trim Field',
+	      'date': 'Date Format'
+	    };
+	    _this.dataTypes = ['String', 'Number', 'Date', 'Boolean'];
+	    _this.dateFormats = {
+	      'ISO': "2015-03-25",
+	      'Short': "03/25/2015",
+	      'Long': "25 Mar 2015",
+	      'Full': "Wednesday March 25 2015"
+	    };
+	    return _this;
+	  }
+	
+	  _createClass(TransformModal, [{
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props = this.props,
+	          inputs = _props.inputs,
+	          opened = _props.opened,
+	          mapping = _props.mapping,
+	          hideModal = _props.hideModal,
+	          mappingIndex = _props.mappingIndex,
+	          resourceGroups = _props.resourceGroups,
+	          resourceGroupIndex = _props.resourceGroupIndex;
+	
+	      var MapModal = inputs.MapModal;
+	      var Input = inputs.Input;
+	
+	      var groups = Object.assign({}, resourceGroups);
+	      var group = groups[resourceGroupIndex];
+	      var transformSelected = group.mappings && group.mappings[mappingIndex] && group.mappings[mappingIndex].transformType || 'none';
+	
+	      return _react2.default.createElement(
+	        MapModal,
+	        { opened: opened, hideModal: hideModal },
+	        _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'div',
+	            null,
+	            mapping.resourceFromName + ': ' + mapping.propertyFromName,
+	            '\xA0\xA0\u2192\xA0\xA0',
+	            mapping.resourceToName + ': ' + mapping.propertyToName
+	          ),
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { width: 150, display: 'inline-block', marginBottom: 20 } },
+	            _react2.default.createElement(_reduxForm.Field, { name: 'resourceGroups.' + resourceGroupIndex + '.mappings.' + mappingIndex + '.transformType',
+	              component: inputs.rfRadioGroup, label: 'Deployment Type', options: this.transformOptions })
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', verticalAlign: 'top', marginLeft: 20, width: 'calc(100% - 170px)' } },
+	            transformSelected === 'Data Type' && _react2.default.createElement(
+	              'div',
+	              null,
+	              'Convert Source Field to:',
+	              _react2.default.createElement('br', null),
+	              this.dataTypes.map(function (type) {
+	                return _react2.default.createElement(
+	                  'div',
+	                  { key: type, onClick: function onClick() {
+	                      return _this2.setState({ dataTypeSelected: type });
+	                    },
+	                    className: _this2.state.dataTypeSelected === type ? "transform-data-type transform-data-type-sel" : "transform-data-type"
+	                  },
+	                  type
+	                );
+	              })
+	            ),
+	            transformSelected === 'trim' && _react2.default.createElement(
+	              'div',
+	              null,
+	              _react2.default.createElement(
+	                'div',
+	                { style: { marginBottom: 8 } },
+	                'Limit final field length:'
+	              ),
+	              _react2.default.createElement(Input, { style: { width: 132 }, label: 'Character Count' })
+	            ),
+	            transformSelected === 'date' && _react2.default.createElement(
+	              'div',
+	              null,
+	              _react2.default.createElement(
+	                'div',
+	                { style: { marginBottom: 8 } },
+	                'Format Date field'
+	              ),
+	              Object.keys(this.dateFormats).map(function (format, i) {
+	                return _react2.default.createElement(
+	                  'div',
+	                  { key: i, onClick: function onClick() {
+	                      return _this2.setState({ dateFormatSelected: format });
+	                    },
+	                    className: _this2.state.dateFormatSelected === format ? "transform-data-type transform-data-type-sel" : "transform-data-type"
+	                  },
+	                  format
+	                );
+	              }),
+	              _react2.default.createElement('br', null),
+	              this.state.dateFormatSelected && _react2.default.createElement(
+	                'div',
+	                { style: { marginTop: 6, color: 'grey' } },
+	                'Example: ',
+	                this.dateFormats[this.state.dateFormatSelected]
+	              )
+	            ),
+	            transformSelected === 'Lookup Table' && _react2.default.createElement(
+	              'div',
+	              null,
+	              _react2.default.createElement(
+	                'div',
+	                { style: { marginBottom: 8 } },
+	                'Convert field name:'
+	              ),
+	              _react2.default.createElement(Input, { style: { width: 150 }, label: 'Field Name' })
+	            )
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return TransformModal;
+	}(_react.Component);
+	
+	exports.default = TransformModal;
+
+/***/ },
+/* 59 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6080,7 +6499,7 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(3);
 	
-	var _reactRedux = __webpack_require__(13);
+	var _reactRedux = __webpack_require__(12);
 	
 	var _accountStep = __webpack_require__(44);
 	
@@ -6175,33 +6594,50 @@ module.exports =
 	  }
 	
 	  _createClass(WizardForm, [{
+	    key: 'camelize',
+	    value: function camelize(str) {
+	      return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function (letter, index) {
+	        return index === 0 ? letter.toLowerCase() : letter.toUpperCase(); //toUpperCase
+	      }).replace(/\s+/g, '');
+	    }
+	  }, {
 	    key: 'onSubmit',
 	    value: function onSubmit(values) {
 	      var _this2 = this;
 	
-	      var metadataEndpoints = this.props.metadataEndpoints;
-	
 	      console.log('WIZARD OUTPUT: ', values);
 	      var config = Object.assign({}, values);
 	      //----------------------------------
 	      // Create bundles / mappings
 	      //----------------------------------
+	
+	      //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 = config.resourceGroups || [];
 	      var mappings = [];
 	      bundles.forEach(function (group, index) {
-	        var destinationResource = metadataEndpoints.destination ? _this2.props.wizard.destinationMetadata.find(function (rsc) {
+	        var destinationResource = _this2.props.wizard.destinationMetadata ? _this2.props.wizard.destinationMetadata.find(function (rsc) {
 	          return rsc.name === group.name;
 	        }) : group;
+	        group.name = destinationResource.type;
 	
 	        if (group.mappings) {
 	          group.mappings.forEach(function (singleMapping) {
+	            var sourceResource = _this2.props.wizard.sourceMetadata.find(function (rsc) {
+	              return rsc.name === singleMapping.resourceFromName;
+	            });
+	            var sourceProperty = sourceResource.properties.find(function (prop) {
+	              return prop.label === singleMapping.propertyFromName;
+	            });
 	            var destinationProperty = destinationResource.properties.find(function (prop) {
 	              return prop.label === singleMapping.propertyToName;
 	            });
-	            console.log(destinationProperty);
 	            mappings = mappings.concat({ // add to mappings obj
-	              resourceFromName: singleMapping.resourceFromName,
-	              propertyFromName: singleMapping.propertyFromName,
+	              resourceFromName: sourceResource.type,
+	              propertyFromName: sourceProperty.name,
 	              resourceToName: destinationResource.type,
 	              propertyToName: destinationProperty.name,
 	              bundleIndex: index
@@ -6211,9 +6647,15 @@ module.exports =
 	        }
 	        if (group.resources) {
 	          group.resources = group.resources.map(function (rsc) {
+	            var sourceResource = _this2.props.wizard.sourceMetadata.find(function (metaRsc) {
+	              return metaRsc.name === rsc.name;
+	            });
+	            var sourceProperty = sourceResource.properties.find(function (prop) {
+	              return prop.label === rsc.externalKey;
+	            });
 	            return {
-	              resourceName: rsc.name,
-	              primaryKeyName: rsc.externalKey
+	              resourceName: sourceResource.type,
+	              primaryKeyName: sourceProperty.name
 	            };
 	          });
 	        }
@@ -6233,10 +6675,13 @@ module.exports =
 	        currentPage: this.state.currentPage ? JSON.stringify(this.state.currentPage) : wizard.savedConfiguration && wizard.savedConfiguration.currentPage,
 	        "apiKey": "5664bb4478fae2000100004aae5d222c6c2742717cebc5abf69f0f9e",
 	        "apiSecret": "YThjODc4MjQ2MzEwNDgzMjYwY2RiYmY5Yzg4NzBhMmI=",
-	        "apiEndpoint_Student": "https://www.lingkapis.com/v1/@self/ps/student",
-	        "apiEndpoint_StudentEmail": "https://www.lingkapis.com/v1/@self/ps/studentEmail",
-	        "apiEndpoint_StaffEmail": "https://www.lingkapis.com/v1/@self/ps/staffEmail",
+	        "apiEndpoint_Student": 'https://adapter.lingkapps.com:3000/api/students',
+	        //"apiEndpoint_Student": "https://www.lingkapis.com/v1/@self/ps/students?filter=firstName%20eq%20Carlos",
+	        "apiEndpoint_StudentEmail": "https://www.lingkapis.com/v1/@self/ps/studentemails",
+	        "apiEndpoint_StaffEmail": "https://www.lingkapis.com/v1/@self/ps/staffemails",
 	        "apiEndpoint_Staff": "https://www.lingkapis.com/v1/@self/ps/staff",
+	        "apiEndpoint_StudentProgram": "https://www.lingkapis.com/v1/@self/ps/studentprograms",
+	        "apiEndpoint_Program": "https://www.lingkapis.com/v1/@self/ps/programs",
 	        "sfObject": "Contact",
 	        "providerType_source": "lingkreader",
 	        "providerType_destination": "salesforce",
@@ -6250,7 +6695,6 @@ module.exports =
 	        "version": "v37.0",
 	        deployment: config.deployment
 	      };
-	      console.log(config.deployment);
 	      //----------------------------------
 	      // Post
 	      //----------------------------------
@@ -6397,7 +6841,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 58 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6412,17 +6856,17 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(63);
+	var _redux = __webpack_require__(65);
 	
-	var _reactRedux = __webpack_require__(13);
+	var _reactRedux = __webpack_require__(12);
 	
 	var _wizard = __webpack_require__(41);
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(59);
+	__webpack_require__(61);
 	
-	var _wizardForm = __webpack_require__(57);
+	var _wizardForm = __webpack_require__(59);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -6453,8 +6897,8 @@ module.exports =
 	    type: 'Banner',
 	    name: 'Banner',
 	    env: true,
-	    defaultSchema: example.wizards[1].sourceDefaultSchema,
-	    customizable: false
+	    customizable: false,
+	    customStep: false
 	  },
 	  destination: {
 	    type: 'Salesforce',
@@ -6558,7 +7002,7 @@ module.exports =
 	          stepList.push(step);
 	        } else if (step.type === 'custom') {
 	          var customStep = providerData.providerTypes[wizard.source.type].customStep;
-	          if (customStep) {
+	          if (customStep && wizard.source.customStep) {
 	            step.type = customStep.type;
 	            step.title = customStep.title;
 	            stepList.push(step);
@@ -6655,21 +7099,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 59 */
+/* 61 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 60 */,
-/* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */,
+/* 64 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-dom");
 
 /***/ },
-/* 63 */
+/* 65 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");