@lingk/sync 0.0.70 → 0.0.72

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(196);
+	module.exports = __webpack_require__(197);
 
 
 /***/ },
@@ -1889,7 +1889,7 @@ module.exports =
 	            module && module.exports) {
 	        try {
 	            oldLocale = globalLocale._abbr;
-	            __webpack_require__(241)("./" + name);
+	            __webpack_require__(242)("./" + name);
 	            // because defineLocale currently also sets the global locale, we
 	            // want to undo that for lazy loaded locales
 	            getSetGlobalLocale(oldLocale);
@@ -4377,7 +4377,7 @@ module.exports =
 	
 	})));
 	
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(265)(module)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(266)(module)))
 
 /***/ },
 /* 2 */
@@ -4707,7 +4707,7 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _propertyUtils = __webpack_require__(236);
+	var _propertyUtils = __webpack_require__(237);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -5299,7 +5299,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(197);
+	var _assign = __webpack_require__(198);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -5752,7 +5752,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(198);
+	var _defineProperty = __webpack_require__(199);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -5789,8 +5789,8 @@ module.exports =
 
 	var global    = __webpack_require__(15)
 	  , core      = __webpack_require__(13)
-	  , ctx       = __webpack_require__(206)
-	  , hide      = __webpack_require__(210)
+	  , ctx       = __webpack_require__(207)
+	  , hide      = __webpack_require__(211)
 	  , PROTOTYPE = 'prototype';
 	
 	var $export = function(type, name, source){
@@ -5854,7 +5854,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(205);
+	var cof = __webpack_require__(206);
 	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
 	  return cof(it) == 'String' ? it.split('') : Object(it);
 	};
@@ -5863,9 +5863,9 @@ module.exports =
 /* 22 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var anObject       = __webpack_require__(203)
-	  , IE8_DOM_DEFINE = __webpack_require__(211)
-	  , toPrimitive    = __webpack_require__(223)
+	var anObject       = __webpack_require__(204)
+	  , IE8_DOM_DEFINE = __webpack_require__(212)
+	  , toPrimitive    = __webpack_require__(224)
 	  , dP             = Object.defineProperty;
 	
 	exports.f = __webpack_require__(10) ? Object.defineProperty : function defineProperty(O, P, Attributes){
@@ -16408,7 +16408,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(199);
+	var _objectWithoutProperties2 = __webpack_require__(200);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -16573,7 +16573,7 @@ module.exports =
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(242);
+	var _objectAssign = __webpack_require__(243);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -16923,6 +16923,8 @@ module.exports =
 	  value: true
 	});
 	exports.callCheckConnection = callCheckConnection;
+	exports.createLingkExternalIds = createLingkExternalIds;
+	exports.callTest = callTest;
 	exports.callAddCustomField = callAddCustomField;
 	exports.callGetScenario = callGetScenario;
 	exports.callPreviewIntegration = callPreviewIntegration;
@@ -16988,6 +16990,53 @@ module.exports =
 	  };
 	}
 	
+	function createLingkExternalIds(bundles, destinationMetadata) {
+	  return function (dispatch, getState, api) {
+	
+	    var externalIdlessObjects = [];
+	    bundles.forEach(function (b) {
+	      if (!b.customExternalKeys) {
+	        var rsc = destinationMetadata.find(function (r) {
+	          return r.type === b.name;
+	        });
+	        var externalIdProp = rsc.properties && rsc.properties.find(function (p) {
+	          return p.name === 'lingk__Lingk_External_Id__c';
+	        });
+	        // only add to the array if Lingk External Id does not already exist
+	        if (!externalIdProp) {
+	          externalIdlessObjects.push({
+	            objectType: b.name,
+	            fieldName: 'lingk__Lingk_External_Id__c',
+	            fieldLabel: 'Lingk External Id'
+	          });
+	        }
+	      }
+	    });
+	
+	    return Promise.all(externalIdlessObjects.map(function (o) {
+	      return callTest(1); // this will be callAddCustomField
+	    })).then(function (r) {
+	      return r;
+	    });
+	  };
+	}
+	
+	// "asyncFunction" will be the actual js remote function in salesforce 
+	function asyncFunction(v, callback) {
+	  setTimeout(function () {
+	    return callback(v * 2);
+	  }, 1000);
+	}
+	
+	// callAddCustomField will look like this actually
+	function callTest(v, completedCallback) {
+	  return new Promise(function (resolve) {
+	    return asyncFunction(v, function (r) {
+	      return resolve(r * 2);
+	    });
+	  });
+	}
+	
 	function callAddCustomField(objectType, fieldName, fieldLabel, completedCallback) {
 	  return function (dispatch, getState, api) {
 	    var _getState2 = getState(),
@@ -16998,8 +17047,8 @@ module.exports =
 	    return api.get('transformer/versions/1606/latest', {
 	      endpoint: TRANS_API_URL
 	    }).then(function (res) {
-	      console.log(res);
 	      completedCallback();
+	      return res;
 	    });
 	  };
 	}
@@ -17128,26 +17177,33 @@ module.exports =
 	
 	function submitWizardData(tenantId, appId, bundles, mappings, configuration, title, deployment, typeGuid, onGenerate, onFinish, destinationMetadata) {
 	  return function (dispatch) {
-	    dispatch(callPostBundles(tenantId, appId, bundles)).then(function (bundlePack) {
-	      dispatch(callPostMapping(tenantId, appId, mappings)).then(function (map) {
-	        dispatch(callPostProductizedIntegration(tenantId, appId, map.schemaMappingGuid, bundlePack.bundlePackGuid, configuration, title, typeGuid)).then(function (pi) {
-	          if (map.mappings && map.mappings.length > 0 && deployment) {
-	            dispatch(callGenerateRecipe(tenantId, appId, typeGuid, title, pi.productizedIntegrationGuid, map.schemaMappingGuid, destinationMetadata)).then(function (generatedRecipe) {
-	              onGenerate();
-	              if (deployment) {
-	                if (deployment.type === 'once') {
-	                  dispatch(callDeployTrigger(generatedRecipe, pi.productizedIntegrationGuid, map.schemaMappingGuid)); //deploy anyway, so user can schedule later
-	                  dispatch(callExecuteTransformer(generatedRecipe.Id)).then(function (response) {
-	                    dispatch(callLookupLogData(response.externalExecutionId, 0, onFinish, generatedRecipe, pi.productizedIntegrationGuid, map.schemaMappingGuid));
-	                  });
-	                } else {
-	                  dispatch(callSaveTrigger(deployment, onFinish, generatedRecipe, pi.productizedIntegrationGuiduid, map.schemaMappingGuiduid));
-	                }
-	              }
-	            });
-	          } // end if
+	
+	    /*dispatch(createLingkExternalIds(bundles, destinationMetadata))
+	    .then(res=>{
+	      console.log(res)
+	      return dispatch(callAddCustomField('', '', '', ()=>{}))
+	    })
+	    .then(res2=>console.log('res2',res2))*/
+	    var map = {};
+	    return Promise.all([dispatch(callPostBundles(tenantId, appId, bundles)), dispatch(callPostMapping(tenantId, appId, mappings))]).then(function (r) {
+	      map = r[1];
+	      return dispatch(callPostProductizedIntegration(tenantId, appId, map.schemaMappingGuid, r[0].bundlePackGuid, configuration, title, typeGuid));
+	    }).then(function (pi) {
+	      if (map.mappings && map.mappings.length > 0 && deployment) {
+	        dispatch(callGenerateRecipe(tenantId, appId, typeGuid, title, pi.productizedIntegrationGuid, map.schemaMappingGuid, destinationMetadata)).then(function (generatedRecipe) {
+	          onGenerate();
+	          if (deployment) {
+	            if (deployment.type === 'once') {
+	              dispatch(callDeployTrigger(generatedRecipe, pi.productizedIntegrationGuid, map.schemaMappingGuid)); //deploy anyway, so user can schedule later
+	              dispatch(callExecuteTransformer(generatedRecipe.Id)).then(function (response) {
+	                dispatch(callLookupLogData(response.externalExecutionId, 0, onFinish, generatedRecipe, pi.productizedIntegrationGuid, map.schemaMappingGuid));
+	              });
+	            } else {
+	              dispatch(callSaveTrigger(deployment, onFinish, generatedRecipe, pi.productizedIntegrationGuiduid, map.schemaMappingGuiduid));
+	            }
+	          }
 	        });
-	      });
+	      } // end if mappings && deployment
 	    });
 	  };
 	}
@@ -17851,9 +17907,9 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(237);
+	__webpack_require__(238);
 	
-	var _rcTimePicker = __webpack_require__(255);
+	var _rcTimePicker = __webpack_require__(256);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -18088,6 +18144,8 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
+	var _previewTabContent = __webpack_require__(193);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -18129,12 +18187,13 @@ module.exports =
 	
 	  _createClass(EnvironmentStep, [{
 	    key: 'seeFields',
-	    value: function seeFields() {
-	      /*var x =  window.open();
-	      x.document.open('','_blank');
-	      x.document.write(previewTabContent);
+	    value: function seeFields(target) {
+	      var x = window.open();
+	      x.document.open('', '_blank');
+	      x.document.write((0, _previewTabContent.makeContent)(target.endpointSuffix, target.name, this.props.step.previewToken));
+	      x.document.title = 'Preview Data (' + target.name + ')';
 	      x.document.close();
-	      x.focus()*/
+	      x.focus();
 	    }
 	  }, {
 	    key: 'componentDidMount',
@@ -18293,7 +18352,7 @@ module.exports =
 	            { className: 'labelz' },
 	            'Available ',
 	            step[step.mode + 'Provider'],
-	            ' Data Objects:'
+	            ' Data Objects (click to preview data):'
 	          ),
 	          _react2.default.createElement(
 	            'ul',
@@ -18304,7 +18363,9 @@ module.exports =
 	                { key: i, style: { paddingLeft: 10 } },
 	                _react2.default.createElement(
 	                  'a',
-	                  { onClick: _this2.seeFields, style: { cursor: 'default', textDecoration: 'none' } },
+	                  { onClick: function onClick() {
+	                      return _this2.seeFields(rsc);
+	                    }, style: { textDecoration: 'none' } },
 	                  rsc.name
 	                )
 	              );
@@ -18470,7 +18531,7 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(194);
+	var _transformModal = __webpack_require__(195);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
@@ -19280,7 +19341,7 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _schemaAccordion = __webpack_require__(193);
+	var _schemaAccordion = __webpack_require__(194);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -20241,7 +20302,7 @@ module.exports =
 	    }
 	  }, {
 	    key: 'onSelectDestinationField',
-	    value: function onSelectDestinationField(group, field) {
+	    value: function onSelectDestinationField(group, field, format) {
 	      var _props2 = this.props,
 	          change = _props2.change,
 	          formValues = _props2.formValues,
@@ -20258,6 +20319,12 @@ module.exports =
 	          return m.propertyToName === field && m.isExternalKeyMapping;
 	        })) return;
 	
+	        var transform = 'none';
+	        if (format) {
+	          if (format === 'date-time') {
+	            transform = 'date';
+	          }
+	        }
 	        //cant map multiple to same destination field
 	        rscGroup.mappings = rscGroup.mappings && rscGroup.mappings.filter(function (m) {
 	          return m.propertyToName !== field;
@@ -20267,7 +20334,7 @@ module.exports =
 	          resourceToName: group,
 	          propertyFromName: this.state.selectedField,
 	          propertyToName: field,
-	          transformations: [{ type: 'none' }],
+	          transformations: [{ type: transform }],
 	          dataSourceIsDestinationEntity: selectedEntity.isDestinationEntity
 	        });
 	        change('resourceGroups', resourceGroups);
@@ -20478,7 +20545,7 @@ module.exports =
 	                            fontWeight: mappings && Object.keys(mappings).includes(field.label) ? 'bold' : 'normal',
 	                            color: mappings && Object.keys(mappings).includes(field.label) ? '#16325c' : selectedField ? 'black' : 'grey'
 	                          }, onClick: function onClick() {
-	                            return _this4.onSelectDestinationField(group.name, field.label);
+	                            return _this4.onSelectDestinationField(group.name, field.label, field.format);
 	                          } },
 	                        field.label
 	                      );
@@ -20648,7 +20715,23 @@ module.exports =
 	      { 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' })
+	    ),
+	    lookup: _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(
+	        'defs',
+	        null,
+	        _react2.default.createElement('path', { d: 'M24 24H0V0h24v24z', id: 'a' })
+	      ),
+	      _react2.default.createElement(
+	        'clipPath',
+	        { id: 'b' },
+	        _react2.default.createElement('use', { overflow: 'visible', href: '#a' })
+	      ),
+	      _react2.default.createElement('path', { clipPath: 'url(#b)', d: 'M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z' })
 	    )
+	
 	  };
 	
 	  return _react2.default.createElement(
@@ -20694,6 +20777,22 @@ module.exports =
 
 /***/ },
 /* 193 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.makeContent = makeContent;
+	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: normal; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ' + 'th { font-weight : bold } ';
+	
+	function makeContent(target, targetName, token) {
+	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'http://localhost:8084/v1/15/10114/previewintegration?url=https://adapter.lingkapps.com:3000/api/' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
+	}
+
+/***/ },
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20712,7 +20811,7 @@ module.exports =
 	
 	var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(264);
+	var _reactDraggable = __webpack_require__(265);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -20873,9 +20972,9 @@ module.exports =
 	      var selectedEntity = selectedEntities[resourceGroupIndex] || { name: '' };
 	
 	      var filteredDestinationSchema = destinationSchema.filter(function (rsc) {
-	        return resourceGroups.find(function (g) {
-	          return g.name === rsc.name && group && group.name !== rsc.name;
-	        }) ? true : false;
+	        return resourceGroups.find(function (g, i) {
+	          return i < resourceGroupIndex && g.name === rsc.name && group && group.name !== rsc.name ? true : false;
+	        });
 	      });
 	
 	      return _react2.default.createElement(
@@ -21110,7 +21209,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 194 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21152,7 +21251,8 @@ module.exports =
 	    _this.transformOptions = {
 	      'none': 'None',
 	      'trim': 'Trim Field',
-	      'date': 'Date Format'
+	      'date': 'Date Format',
+	      'lookup': 'Lookup Table'
 	    };
 	    _this.dataTypes = ['String', 'Number', 'Date', 'Boolean'];
 	    _this.dateFormats = {
@@ -21162,34 +21262,94 @@ module.exports =
 	      'Full': "Wednesday March 25 2015"
 	    };
 	    _this.changeTrimCount = _this.changeTrimCount.bind(_this);
+	    _this.changeLookupTableSource = _this.changeLookupTableSource.bind(_this);
+	    _this.changeLookupTableDestination = _this.changeLookupTableDestination.bind(_this);
+	    _this.pasteIntoLookupTable = _this.pasteIntoLookupTable.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(TransformModal, [{
-	    key: 'changeTrimCount',
-	    value: function changeTrimCount(e, v, mappingIndex) {
+	    key: 'pasteIntoLookupTable',
+	    value: function pasteIntoLookupTable(e, i, mappingIndex) {
+	      var _this2 = this;
+	
 	      var _props = this.props,
 	          change = _props.change,
 	          resourceGroups = _props.resourceGroups,
 	          resourceGroupIndex = _props.resourceGroupIndex;
 	
+	      e.clipboardData.items[0].getAsString(function (txt) {
+	        if (txt) {
+	          (function () {
+	            var columns = txt.split('\n');
+	            var groups = [].concat(_toConsumableArray(resourceGroups));
+	            var trans = resourceGroups[resourceGroupIndex].mappings[mappingIndex].transformations[0];
+	            columns.forEach(function (c, idx) {
+	              var rows = c.split('\t');
+	              trans.args[i * 2 + idx * 2] = rows[0];
+	              trans.args[i * 2 + idx * 2 + 1] = rows[1];
+	            });
+	            change('resourceGroups', groups);
+	            _this2.forceUpdate();
+	          })();
+	        }
+	      });
+	    }
+	  }, {
+	    key: 'changeTrimCount',
+	    value: function changeTrimCount(e, v, mappingIndex) {
+	      var _props2 = this.props,
+	          change = _props2.change,
+	          resourceGroups = _props2.resourceGroups,
+	          resourceGroupIndex = _props2.resourceGroupIndex;
+	
 	      var groups = [].concat(_toConsumableArray(resourceGroups));
 	      var trans = resourceGroups[resourceGroupIndex].mappings[mappingIndex].transformations[0];
 	      trans.args = ["0", v];
 	      change('resourceGroups', groups);
 	    }
+	  }, {
+	    key: 'changeLookupTableSource',
+	    value: function changeLookupTableSource(v, i, mappingIndex) {
+	      var _props3 = this.props,
+	          change = _props3.change,
+	          resourceGroups = _props3.resourceGroups,
+	          resourceGroupIndex = _props3.resourceGroupIndex;
+	
+	      var groups = [].concat(_toConsumableArray(resourceGroups));
+	      var trans = resourceGroups[resourceGroupIndex].mappings[mappingIndex].transformations[0];
+	      trans.args = trans.args || [];
+	      trans.args[i * 2] = v;
+	      change('resourceGroups', groups);
+	      this.forceUpdate();
+	    }
+	  }, {
+	    key: 'changeLookupTableDestination',
+	    value: function changeLookupTableDestination(v, i, mappingIndex) {
+	      var _props4 = this.props,
+	          change = _props4.change,
+	          resourceGroups = _props4.resourceGroups,
+	          resourceGroupIndex = _props4.resourceGroupIndex;
+	
+	      var groups = [].concat(_toConsumableArray(resourceGroups));
+	      var trans = resourceGroups[resourceGroupIndex].mappings[mappingIndex].transformations[0];
+	      trans.args = trans.args || [];
+	      trans.args[i * 2 + 1] = v;
+	      change('resourceGroups', groups);
+	      this.forceUpdate();
+	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _this2 = this;
+	      var _this3 = this;
 	
-	      var _props2 = this.props,
-	          inputs = _props2.inputs,
-	          opened = _props2.opened,
-	          mapping = _props2.mapping,
-	          hideModal = _props2.hideModal,
-	          resourceGroups = _props2.resourceGroups,
-	          resourceGroupIndex = _props2.resourceGroupIndex;
+	      var _props5 = this.props,
+	          inputs = _props5.inputs,
+	          opened = _props5.opened,
+	          mapping = _props5.mapping,
+	          hideModal = _props5.hideModal,
+	          resourceGroups = _props5.resourceGroups,
+	          resourceGroupIndex = _props5.resourceGroupIndex;
 	
 	      var Modal = inputs.Modal;
 	      var Input = inputs.Input;
@@ -21207,7 +21367,21 @@ module.exports =
 	
 	      var transformation = updatedMapping.transformations && updatedMapping.transformations[0];
 	      var transformSelected = transformation && transformation.type || 'none';
-	      var transformArgs = transformation && transformation.args || [];
+	      var transformArgs = transformation && transformation.args || [''];
+	
+	      // create an array of arrays (pairs) for lookup args
+	      var lookupArgs = [];
+	      if (transformSelected === 'lookup') {
+	        transformArgs.forEach(function (a, i) {
+	          if (i % 2 === 0) {
+	            lookupArgs.push([a, transformArgs[i + 1] || '']);
+	          }
+	        });
+	        var lastLookupPair = lookupArgs[lookupArgs.length - 1];
+	        if (lastLookupPair[0] && lastLookupPair[1]) {
+	          lookupArgs.push(['', '']);
+	        }
+	      }
 	
 	      return _react2.default.createElement(
 	        Modal,
@@ -21242,9 +21416,9 @@ module.exports =
 	                return _react2.default.createElement(
 	                  'div',
 	                  { key: type, onClick: function onClick() {
-	                      return _this2.setState({ dataTypeSelected: type });
+	                      return _this3.setState({ dataTypeSelected: type });
 	                    },
-	                    className: _this2.state.dataTypeSelected === type ? "transform-data-type transform-data-type-sel" : "transform-data-type"
+	                    className: _this3.state.dataTypeSelected === type ? "transform-data-type transform-data-type-sel" : "transform-data-type"
 	                  },
 	                  type
 	                );
@@ -21259,7 +21433,7 @@ module.exports =
 	                'Limit final field length:'
 	              ),
 	              _react2.default.createElement(Input, { style: { width: 132 }, label: 'Character Count', onChange: function onChange(e, v) {
-	                  return _this2.changeTrimCount(e, v, mappingIndex);
+	                  return _this3.changeTrimCount(e, v, mappingIndex);
 	                },
 	                defaultValue: transformArgs[1] || '' })
 	            ),
@@ -21275,9 +21449,9 @@ module.exports =
 	                return _react2.default.createElement(
 	                  'div',
 	                  { key: i, onClick: function onClick() {
-	                      return _this2.setState({ dateFormatSelected: format });
+	                      return _this3.setState({ dateFormatSelected: format });
 	                    },
-	                    className: _this2.state.dateFormatSelected === format ? "transform-data-type transform-data-type-sel" : "transform-data-type"
+	                    className: _this3.state.dateFormatSelected === format ? "transform-data-type transform-data-type-sel" : "transform-data-type"
 	                  },
 	                  format
 	                );
@@ -21290,15 +21464,37 @@ module.exports =
 	                this.dateFormats[this.state.dateFormatSelected]
 	              )
 	            ),
-	            transformSelected === 'Lookup Table' && _react2.default.createElement(
+	            transformSelected === 'lookup' && _react2.default.createElement(
 	              'div',
 	              null,
 	              _react2.default.createElement(
 	                'div',
 	                { style: { marginBottom: 8 } },
-	                'Convert field name:'
+	                'Convert field values:'
 	              ),
-	              _react2.default.createElement(Input, { style: { width: 150 }, label: 'Field Name' })
+	              lookupArgs.map(function (argPair, i) {
+	                return _react2.default.createElement(
+	                  'div',
+	                  { key: i, style: { marginBottom: 6 } },
+	                  _react2.default.createElement(Input, { style: { width: 132 }, onPaste: function onPaste(e) {
+	                      return _this3.pasteIntoLookupTable(e, i, mappingIndex);
+	                    },
+	                    onChange: function onChange(e, v) {
+	                      return _this3.changeLookupTableSource(v, i, mappingIndex);
+	                    },
+	                    value: argPair[0] || '', placeholder: 'Source Value' }),
+	                  _react2.default.createElement(
+	                    'span',
+	                    null,
+	                    '\xA0\xA0\u2192\xA0\xA0'
+	                  ),
+	                  _react2.default.createElement(Input, { style: { width: 132 },
+	                    onChange: function onChange(e, v) {
+	                      return _this3.changeLookupTableDestination(v, i, mappingIndex);
+	                    },
+	                    value: argPair[1] || '', placeholder: 'Target Value' })
+	                );
+	              })
 	            )
 	          )
 	        )
@@ -21312,7 +21508,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 195 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21747,7 +21943,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 196 */
+/* 197 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21762,7 +21958,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(266);
+	var _redux = __webpack_require__(267);
 	
 	var _reactRedux = __webpack_require__(141);
 	
@@ -21770,9 +21966,9 @@ module.exports =
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(238);
+	__webpack_require__(239);
 	
-	var _wizardForm = __webpack_require__(195);
+	var _wizardForm = __webpack_require__(196);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -21804,7 +22000,7 @@ module.exports =
 	    type: 'Salesforce',
 	    name: 'Salesforce',
 	    env: false,
-	    customizable: true,
+	    customizable: false,
 	    customStep: false
 	  },
 	  deployment: ['once', 'daily', 'repeating'],
@@ -21958,10 +22154,12 @@ module.exports =
 	          if (step.mode === 'source' && wizard.source.env) {
 	            step.providerType = wizard.source.type;
 	            step.credentials = providerData.providerTypes[wizard.source.type].credentials || null;
+	            step.previewToken = this.props.previewToken;
 	            stepList.push(step);
 	          } else if (step.mode === 'destination' && wizard.destination.env) {
 	            step.providerType = wizard.destination.type;
 	            step.credentials = providerData.providerTypes[wizard.destination.type].credentials || null;
+	            step.previewToken = this.props.previewToken;
 	            stepList.push(step);
 	          }
 	        } else if (step.type === 'schema') {
@@ -22037,19 +22235,19 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 197 */
+/* 198 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(200), __esModule: true };
+	module.exports = { "default": __webpack_require__(201), __esModule: true };
 
 /***/ },
-/* 198 */
+/* 199 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(201), __esModule: true };
+	module.exports = { "default": __webpack_require__(202), __esModule: true };
 
 /***/ },
-/* 199 */
+/* 200 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -22069,24 +22267,24 @@ module.exports =
 	};
 
 /***/ },
-/* 200 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(225);
+	__webpack_require__(226);
 	module.exports = __webpack_require__(13).Object.assign;
 
 /***/ },
-/* 201 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(226);
+	__webpack_require__(227);
 	var $Object = __webpack_require__(13).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 202 */
+/* 203 */
 /***/ function(module, exports) {
 
 	module.exports = function(it){
@@ -22095,7 +22293,7 @@ module.exports =
 	};
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var isObject = __webpack_require__(16);
@@ -22105,14 +22303,14 @@ module.exports =
 	};
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// false -> Array#indexOf
 	// true  -> Array#includes
 	var toIObject = __webpack_require__(24)
-	  , toLength  = __webpack_require__(221)
-	  , toIndex   = __webpack_require__(220);
+	  , toLength  = __webpack_require__(222)
+	  , toIndex   = __webpack_require__(221);
 	module.exports = function(IS_INCLUDES){
 	  return function($this, el, fromIndex){
 	    var O      = toIObject($this)
@@ -22131,7 +22329,7 @@ module.exports =
 	};
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports) {
 
 	var toString = {}.toString;
@@ -22141,11 +22339,11 @@ module.exports =
 	};
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// optional / simple context binding
-	var aFunction = __webpack_require__(202);
+	var aFunction = __webpack_require__(203);
 	module.exports = function(fn, that, length){
 	  aFunction(fn);
 	  if(that === undefined)return fn;
@@ -22166,7 +22364,7 @@ module.exports =
 	};
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var isObject = __webpack_require__(16)
@@ -22178,7 +22376,7 @@ module.exports =
 	};
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports) {
 
 	// IE 8- don't enum bug keys
@@ -22187,7 +22385,7 @@ module.exports =
 	).split(',');
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports) {
 
 	var hasOwnProperty = {}.hasOwnProperty;
@@ -22196,11 +22394,11 @@ module.exports =
 	};
 
 /***/ },
-/* 210 */
+/* 211 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var dP         = __webpack_require__(22)
-	  , createDesc = __webpack_require__(217);
+	  , createDesc = __webpack_require__(218);
 	module.exports = __webpack_require__(10) ? function(object, key, value){
 	  return dP.f(object, key, createDesc(1, value));
 	} : function(object, key, value){
@@ -22209,23 +22407,23 @@ module.exports =
 	};
 
 /***/ },
-/* 211 */
+/* 212 */
 /***/ function(module, exports, __webpack_require__) {
 
 	module.exports = !__webpack_require__(10) && !__webpack_require__(14)(function(){
-	  return Object.defineProperty(__webpack_require__(207)('div'), 'a', {get: function(){ return 7; }}).a != 7;
+	  return Object.defineProperty(__webpack_require__(208)('div'), 'a', {get: function(){ return 7; }}).a != 7;
 	});
 
 /***/ },
-/* 212 */
+/* 213 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var getKeys  = __webpack_require__(215)
-	  , gOPS     = __webpack_require__(213)
-	  , pIE      = __webpack_require__(216)
-	  , toObject = __webpack_require__(222)
+	var getKeys  = __webpack_require__(216)
+	  , gOPS     = __webpack_require__(214)
+	  , pIE      = __webpack_require__(217)
+	  , toObject = __webpack_require__(223)
 	  , IObject  = __webpack_require__(21)
 	  , $assign  = Object.assign;
 	
@@ -22255,19 +22453,19 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 213 */
+/* 214 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 214 */
+/* 215 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var has          = __webpack_require__(209)
+	var has          = __webpack_require__(210)
 	  , toIObject    = __webpack_require__(24)
-	  , arrayIndexOf = __webpack_require__(204)(false)
-	  , IE_PROTO     = __webpack_require__(218)('IE_PROTO');
+	  , arrayIndexOf = __webpack_require__(205)(false)
+	  , IE_PROTO     = __webpack_require__(219)('IE_PROTO');
 	
 	module.exports = function(object, names){
 	  var O      = toIObject(object)
@@ -22283,25 +22481,25 @@ module.exports =
 	};
 
 /***/ },
-/* 215 */
+/* 216 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-	var $keys       = __webpack_require__(214)
-	  , enumBugKeys = __webpack_require__(208);
+	var $keys       = __webpack_require__(215)
+	  , enumBugKeys = __webpack_require__(209);
 	
 	module.exports = Object.keys || function keys(O){
 	  return $keys(O, enumBugKeys);
 	};
 
 /***/ },
-/* 216 */
+/* 217 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 217 */
+/* 218 */
 /***/ function(module, exports) {
 
 	module.exports = function(bitmap, value){
@@ -22314,17 +22512,17 @@ module.exports =
 	};
 
 /***/ },
-/* 218 */
+/* 219 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var shared = __webpack_require__(219)('keys')
-	  , uid    = __webpack_require__(224);
+	var shared = __webpack_require__(220)('keys')
+	  , uid    = __webpack_require__(225);
 	module.exports = function(key){
 	  return shared[key] || (shared[key] = uid(key));
 	};
 
 /***/ },
-/* 219 */
+/* 220 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var global = __webpack_require__(15)
@@ -22335,7 +22533,7 @@ module.exports =
 	};
 
 /***/ },
-/* 220 */
+/* 221 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var toInteger = __webpack_require__(23)
@@ -22347,7 +22545,7 @@ module.exports =
 	};
 
 /***/ },
-/* 221 */
+/* 222 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.15 ToLength
@@ -22358,7 +22556,7 @@ module.exports =
 	};
 
 /***/ },
-/* 222 */
+/* 223 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.13 ToObject(argument)
@@ -22368,7 +22566,7 @@ module.exports =
 	};
 
 /***/ },
-/* 223 */
+/* 224 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.1 ToPrimitive(input [, PreferredType])
@@ -22385,7 +22583,7 @@ module.exports =
 	};
 
 /***/ },
-/* 224 */
+/* 225 */
 /***/ function(module, exports) {
 
 	var id = 0
@@ -22395,16 +22593,16 @@ module.exports =
 	};
 
 /***/ },
-/* 225 */
+/* 226 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
 	var $export = __webpack_require__(20);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(212)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(213)});
 
 /***/ },
-/* 226 */
+/* 227 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(20);
@@ -22412,7 +22610,7 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(10), 'Object', {defineProperty: __webpack_require__(22).f});
 
 /***/ },
-/* 227 */
+/* 228 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -22609,7 +22807,7 @@ module.exports =
 
 
 /***/ },
-/* 228 */
+/* 229 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22702,7 +22900,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 229 */
+/* 230 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22713,11 +22911,11 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _Event = __webpack_require__(228);
+	var _Event = __webpack_require__(229);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(227);
+	var _componentClasses = __webpack_require__(228);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -22897,7 +23095,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 230 */
+/* 231 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22957,7 +23155,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 231 */
+/* 232 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -23002,7 +23200,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 232 */
+/* 233 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23011,7 +23209,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(231);
+	var _getAlignOffset = __webpack_require__(232);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -23043,7 +23241,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 233 */
+/* 234 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23084,7 +23282,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 234 */
+/* 235 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23165,7 +23363,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 235 */
+/* 236 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23182,19 +23380,19 @@ module.exports =
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(234);
+	var _getVisibleRectForElement = __webpack_require__(235);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(230);
+	var _adjustForViewport = __webpack_require__(231);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(233);
+	var _getRegion = __webpack_require__(234);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(232);
+	var _getElFuturePos = __webpack_require__(233);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -23396,7 +23594,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 236 */
+/* 237 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -23511,17 +23709,17 @@ module.exports =
 	}
 
 /***/ },
-/* 237 */
+/* 238 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 238 */
-237,
-/* 239 */,
+/* 239 */
+238,
 /* 240 */,
-/* 241 */
+/* 241 */,
+/* 242 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var map = {
@@ -23753,11 +23951,11 @@ module.exports =
 	};
 	webpackContext.resolve = webpackContextResolve;
 	module.exports = webpackContext;
-	webpackContext.id = 241;
+	webpackContext.id = 242;
 
 
 /***/ },
-/* 242 */
+/* 243 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -23846,7 +24044,7 @@ module.exports =
 
 
 /***/ },
-/* 243 */
+/* 244 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23863,7 +24061,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(235);
+	var _domAlign = __webpack_require__(236);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
@@ -23871,7 +24069,7 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(245);
+	var _isWindow = __webpack_require__(246);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -24005,7 +24203,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 244 */
+/* 245 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24014,7 +24212,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(243);
+	var _Align = __webpack_require__(244);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -24025,7 +24223,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 245 */
+/* 246 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -24042,7 +24240,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 246 */
+/* 247 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24057,9 +24255,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(248);
+	var _ChildrenUtils = __webpack_require__(249);
 	
-	var _AnimateChild = __webpack_require__(247);
+	var _AnimateChild = __webpack_require__(248);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
@@ -24378,7 +24576,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 247 */
+/* 248 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24397,7 +24595,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(229);
+	var _cssAnimation = __webpack_require__(230);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
@@ -24489,7 +24687,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 248 */
+/* 249 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24611,16 +24809,16 @@ module.exports =
 	}
 
 /***/ },
-/* 249 */
+/* 250 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(246);
+	module.exports = __webpack_require__(247);
 
 /***/ },
-/* 250 */
+/* 251 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24633,7 +24831,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(253);
+	var _Select = __webpack_require__(254);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -24857,7 +25055,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 251 */
+/* 252 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25053,7 +25251,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 252 */
+/* 253 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25070,11 +25268,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(251);
+	var _Header = __webpack_require__(252);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(250);
+	var _Combobox = __webpack_require__(251);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -25247,7 +25445,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 253 */
+/* 254 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25408,7 +25606,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 254 */
+/* 255 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25421,15 +25619,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(260);
+	var _rcTrigger = __webpack_require__(261);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(252);
+	var _Panel = __webpack_require__(253);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(256);
+	var _placements = __webpack_require__(257);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -25711,7 +25909,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 255 */
+/* 256 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25720,7 +25918,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(254);
+	var _TimePicker = __webpack_require__(255);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -25730,7 +25928,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 256 */
+/* 257 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -25776,7 +25974,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 257 */
+/* 258 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25797,15 +25995,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(244);
+	var _rcAlign = __webpack_require__(245);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(249);
+	var _rcAnimate = __webpack_require__(250);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(258);
+	var _PopupInner = __webpack_require__(259);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
@@ -26007,7 +26205,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 258 */
+/* 259 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26064,7 +26262,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 259 */
+/* 260 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26085,7 +26283,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(262);
+	var _contains = __webpack_require__(263);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
@@ -26093,13 +26291,13 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(257);
+	var _Popup = __webpack_require__(258);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(261);
+	var _utils = __webpack_require__(262);
 	
-	var _getContainerRenderMixin = __webpack_require__(263);
+	var _getContainerRenderMixin = __webpack_require__(264);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -26563,15 +26761,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 260 */
+/* 261 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(259);
+	module.exports = __webpack_require__(260);
 
 /***/ },
-/* 261 */
+/* 262 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26611,7 +26809,7 @@ module.exports =
 	}
 
 /***/ },
-/* 262 */
+/* 263 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -26634,7 +26832,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 263 */
+/* 264 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26739,7 +26937,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 264 */
+/* 265 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -28351,7 +28549,7 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 265 */
+/* 266 */
 /***/ function(module, exports) {
 
 	module.exports = function(module) {
@@ -28367,7 +28565,7 @@ module.exports =
 
 
 /***/ },
-/* 266 */
+/* 267 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");