@lingk/sync 1.0.5 → 1.0.6

package/build/credentialSections.js

@@ -46,7 +46,7 @@ module.exports =
 /***/ 0:
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(43);
+	module.exports = __webpack_require__(46);
 
 
 /***/ },
@@ -67,6 +67,152 @@ module.exports =
 	  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 _clipboard = __webpack_require__(48);
+	
+	var _clipboard2 = _interopRequireDefault(_clipboard);
+	
+	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 AdapterSecret = function (_Component) {
+	  _inherits(AdapterSecret, _Component);
+	
+	  function AdapterSecret() {
+	    _classCallCheck(this, AdapterSecret);
+	
+	    var _this = _possibleConstructorReturn(this, (AdapterSecret.__proto__ || Object.getPrototypeOf(AdapterSecret)).call(this));
+	
+	    _this.copy = function () {
+	      _clipboard2.default.copy({
+	        'text/plain': _this.props.secret
+	      });
+	      _this.setState({ secretCopied: true });
+	      setTimeout(function () {
+	        _this.setState({ secretCopied: false });
+	      }, 4000);
+	    };
+	
+	    _this.state = {
+	      generating: false,
+	      secretCopied: false
+	    };
+	    return _this;
+	  }
+	
+	  _createClass(AdapterSecret, [{
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props = this.props,
+	          generateNewAdapterSecret = _props.generateNewAdapterSecret,
+	          tenantKey = _props.tenantKey,
+	          accountKey = _props.accountKey,
+	          providerType = _props.providerType,
+	          secret = _props.secret,
+	          inputs = _props.inputs;
+	
+	      var Spinner = inputs.Spinner;
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
+	      return _react2.default.createElement(
+	        'div',
+	        { style: { marginLeft: 16 } },
+	        _react2.default.createElement('br', null),
+	        secret ? _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'strong',
+	            null,
+	            'Adapter Credentials'
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { marginTop: 6, marginLeft: 16 } },
+	            _react2.default.createElement(
+	              'span',
+	              null,
+	              'Client Key'
+	            ),
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(Input, { value: 'client.secret.' + tenantKey + '.' + accountKey, readOnly: true })
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { marginTop: 6, marginLeft: 16 } },
+	            _react2.default.createElement(
+	              'span',
+	              null,
+	              'Client Secret'
+	            ),
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(Input, { value: secret, readOnly: true,
+	              style: { display: 'inline-block' } }),
+	            _react2.default.createElement(
+	              Button,
+	              {
+	                onClick: this.copy,
+	                style: { margin: '0 8px', marginBottom: 2, height: 30, lineHeight: '10px' } },
+	              'Copy to clipboard'
+	            ),
+	            this.state.secretCopied && _react2.default.createElement(
+	              'span',
+	              null,
+	              'Copied!'
+	            )
+	          )
+	        ) : _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'span',
+	            null,
+	            'Adapter Secret not found:'
+	          ),
+	          _react2.default.createElement(
+	            Button,
+	            {
+	              onClick: function onClick() {
+	                _this2.setState({ generating: true });
+	                generateNewAdapterSecret(providerType);
+	              },
+	              style: { margin: '0 8px', marginBottom: 2, height: 30, lineHeight: '10px' } },
+	            'Generate New Adapter Secret'
+	          ),
+	          this.state.generating && _react2.default.createElement(Spinner, { style: { display: 'inline-block' } })
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return AdapterSecret;
+	}(_react.Component);
+	
+	exports.default = AdapterSecret;
+
+/***/ },
+
+/***/ 44:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
 	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 _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; }; }();
@@ -75,26 +221,18 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDropzone = __webpack_require__(60);
+	var _reactDropzone = __webpack_require__(64);
 	
 	var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
 	
-	var _papaparse = __webpack_require__(58);
+	var _papaparse = __webpack_require__(62);
 	
 	var _papaparse2 = _interopRequireDefault(_papaparse);
 	
-	__webpack_require__(57);
-	
-	var _clipboard = __webpack_require__(44);
-	
-	var _clipboard2 = _interopRequireDefault(_clipboard);
-	
 	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); } }
 	
-	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
@@ -108,12 +246,387 @@ module.exports =
 	      f = Math.floor(Math.log(a) / Math.log(c));return parseFloat((a / Math.pow(c, f)).toFixed(d)) + " " + e[f];
 	}
 	
-	// SKIP ON SERVER-SIDE RENDERING
-	var codemirror = null;
-	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
-	  codemirror = __webpack_require__(59);
-	  __webpack_require__(56);
-	}
+	var extensionBlacklist = ['xlsx', 'xls', 'json', 'xml', 'zip', 'tar', 'gz'];
+	
+	var FlatFile = function (_Component) {
+	  _inherits(FlatFile, _Component);
+	
+	  function FlatFile() {
+	    _classCallCheck(this, FlatFile);
+	
+	    var _this = _possibleConstructorReturn(this, (FlatFile.__proto__ || Object.getPrototypeOf(FlatFile)).call(this));
+	
+	    _this.onDrop = function (fs) {
+	      var meta = [].concat(_toConsumableArray(_this.state.meta));
+	      var counter = 0;
+	      var fileContents = [].concat(_toConsumableArray(_this.state.fileContents));
+	      var contentCounter = 0;
+	      fs.forEach(function (file) {
+	        var extension = file.name.substr(file.name.lastIndexOf('.') + 1, file.name.length);
+	        var blacklisted = extensionBlacklist.includes(extension);
+	        if (!blacklisted) {
+	          _papaparse2.default.parse(file, {
+	            header: true,
+	            dynamicTyping: true,
+	            complete: function complete(result) {
+	              meta = meta.concat({
+	                name: file.name,
+	                type: file.name.substr(0, file.name.lastIndexOf('.')).split(' ').join(),
+	                byteSize: file.size,
+	                properties: result.meta.fields.map(function (f) {
+	                  return {
+	                    label: f,
+	                    name: f.split(' ').join(),
+	                    type: result.data[0] && _typeof(result.data[0][f])
+	                  };
+	                }),
+	                delimiter: result.meta.delimiter
+	              });
+	              counter += 1;
+	              if (counter === fs.length) {
+	                // after last one is done
+	                _this.setState({ meta: meta });
+	                _this.props.onDrop();
+	              }
+	            }
+	          });
+	          var reader = new FileReader();
+	          reader.addEventListener("loadend", function (event) {
+	            fileContents = fileContents.concat(event.target.result);
+	            contentCounter += 1;
+	            if (contentCounter === fs.length) {
+	              _this.setState({ fileContents: fileContents });
+	            }
+	          });
+	          reader.readAsText(file);
+	        } else {
+	          _this.setState({ dropError: 'File type not accepted.' });
+	          setTimeout(function () {
+	            _this.setState({ dropError: null });
+	          }, 3500);
+	        }
+	      });
+	    };
+	
+	    _this.onReject = function () {
+	      _this.setState({ dropError: 'File is too big!' });
+	      setTimeout(function () {
+	        _this.setState({ dropError: null });
+	      }, 3500);
+	    };
+	
+	    _this.upload = function () {
+	      var _this$props = _this.props,
+	          setCsvFields = _this$props.setCsvFields,
+	          providerType = _this$props.providerType;
+	
+	      _this.setState({ uploading: true });
+	      setCsvFields(_this.state.meta, _this.state.fileContents, providerType).then(function () {
+	        _this.setState({ meta: [], uploading: false });
+	      });
+	    };
+	
+	    _this.state = {
+	      meta: [],
+	      fileContents: [],
+	      uploading: false,
+	      dropError: null
+	    };
+	    return _this;
+	  }
+	
+	  _createClass(FlatFile, [{
+	    key: 'render',
+	    value: function render() {
+	      var _state = this.state,
+	          meta = _state.meta,
+	          uploading = _state.uploading,
+	          dropError = _state.dropError;
+	      var _props = this.props,
+	          metadata = _props.metadata,
+	          inputs = _props.inputs;
+	
+	      var Button = inputs.Button;
+	      var Spinner = inputs.Spinner;
+	      var hasFile = meta && meta.length > 0;
+	      return _react2.default.createElement(
+	        'div',
+	        null,
+	        _react2.default.createElement(
+	          'div',
+	          { style: { display: 'inline-block' } },
+	          _react2.default.createElement(
+	            _reactDropzone2.default,
+	            { onDropAccepted: this.onDrop, onDropRejected: this.onReject,
+	              className: 'dropzone', maxSize: 1000000 * 50 },
+	            !dropError ? _react2.default.createElement(
+	              'p',
+	              null,
+	              'Drop one or more CSV files here, or click to select files to upload.'
+	            ) : _react2.default.createElement(
+	              'p',
+	              { style: { color: '#c9302c', fontWeight: 'bold' } },
+	              dropError
+	            )
+	          )
+	        ),
+	        hasFile && _react2.default.createElement(
+	          'aside',
+	          { style: { marginLeft: 30, display: 'inline-block' } },
+	          _react2.default.createElement(
+	            'div',
+	            null,
+	            _react2.default.createElement(
+	              'h3',
+	              { style: { marginTop: 10, display: 'inline-block', verticalAlign: 'top' } },
+	              'Dropped files'
+	            ),
+	            _react2.default.createElement(
+	              Button,
+	              {
+	                onClick: this.upload,
+	                style: { marginTop: 4, marginLeft: 20, verticalAlign: 'top', height: 36 },
+	                disabled: uploading },
+	              _react2.default.createElement(
+	                'span',
+	                { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
+	                'Upload'
+	              ),
+	              '\xA0\xA0',
+	              _react2.default.createElement(UploadIcon, null)
+	            ),
+	            uploading && _react2.default.createElement(
+	              'div',
+	              { style: { paddingLeft: 12, paddingTop: 12, display: 'inline-block' } },
+	              _react2.default.createElement(Spinner, null)
+	            )
+	          ),
+	          _react2.default.createElement(
+	            'ul',
+	            null,
+	            meta.map(function (f, i) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: i, style: { listStyle: 'none' } },
+	                f.name,
+	                ' - ',
+	                formatBytes(f.byteSize)
+	              );
+	            })
+	          )
+	        ),
+	        !uploading && !hasFile && metadata && metadata.length > 0 && _react2.default.createElement(
+	          'div',
+	          { style: {
+	              marginLeft: 20, display: 'inline-block', marginTop: 13, verticalAlign: 'top'
+	            } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { marginBottom: 4 } },
+	            _react2.default.createElement(
+	              'strong',
+	              { style: { marginRight: 5 } },
+	              metadata && metadata.length
+	            ),
+	            _react2.default.createElement(
+	              'strong',
+	              null,
+	              'file' + (metadata.length === 1 ? '' : 's') + ' uploaded'
+	            )
+	          ),
+	          _react2.default.createElement(
+	            'ul',
+	            null,
+	            metadata.map(function (f, i) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: i, style: { listStyle: 'none' } },
+	                f.name,
+	                ' - ',
+	                formatBytes(f.byteSize)
+	              );
+	            })
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return FlatFile;
+	}(_react.Component);
+	
+	var UploadIcon = function UploadIcon() {
+	  return _react2.default.createElement(
+	    'svg',
+	    { fill: '#666', height: '24', viewBox: '0 0 24 24', width: '24' },
+	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	    _react2.default.createElement('path', { d: 'M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z' })
+	  );
+	};
+	
+	exports.default = FlatFile;
+
+/***/ },
+
+/***/ 45:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	__webpack_require__(61);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	// SKIP ON SERVER-SIDE RENDERING
+	var codemirror = null;
+	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
+	  codemirror = __webpack_require__(63);
+	  __webpack_require__(60);
+	}
+	
+	function unCamelize(text) {
+	  return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	    return str.toUpperCase();
+	  });
+	}
+	
+	var Google = function Google(props) {
+	  var config = props.config,
+	      creds = props.creds,
+	      onChange = props.onChange,
+	      credsDisabledCheck = props.credsDisabledCheck,
+	      inputs = props.inputs,
+	      onCheck = props.onCheck;
+	
+	  var Input = inputs.Input;
+	  var Button = inputs.Button;
+	  var Select = inputs.Select;
+	  var CodeMirror = codemirror && codemirror.Controlled;
+	
+	  var CloudSQLTypes = [{ name: 'Postgres', satisfiesSearch: true }, { name: 'MySQL', satisfiesSearch: true }];
+	
+	  var onlyJson = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'json';
+	
+	  return _react2.default.createElement(
+	    'div',
+	    null,
+	    config.credentials && _react2.default.createElement(
+	      'div',
+	      { style: { marginLeft: 1 } },
+	      _react2.default.createElement(
+	        'label',
+	        { htmlFor: 'creds' },
+	        config.label || config.type,
+	        ' Credentials'
+	      ),
+	      _react2.default.createElement('br', null),
+	      _react2.default.createElement(
+	        'div',
+	        { style: { display: 'inline-block', marginLeft: 16, width: '100%' } },
+	        config.credentials.map(function (credType, index) {
+	          return _react2.default.createElement(
+	            'div',
+	            { key: index, style: { marginTop: 8, width: '100%' } },
+	            _react2.default.createElement(
+	              'label',
+	              { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
+	              credType !== 'json' ? unCamelize(credType) : 'API key (paste json or drag-and-drop file)'
+	            ),
+	            _react2.default.createElement('br', null),
+	            credType !== 'json' ? _react2.default.createElement(
+	              'div',
+	              { style: { display: 'inline-block', width: credType !== 'databaseType' ? 300 : 164 } },
+	              credType !== 'databaseType' ? _react2.default.createElement(Input, { name: credType,
+	                value: creds[credType] || '', onChange: onChange }) : _react2.default.createElement(Select, { vals: CloudSQLTypes, fieldPropLabel: 'name',
+	                label: creds[credType] || 'Database Types',
+	                onSelect: function onSelect(v) {
+	                  return onChange({ target: { name: credType, value: v } });
+	                },
+	                size: 'small', style: { width: 160, height: 31, textAlign: 'left' }
+	              })
+	            ) : _react2.default.createElement(CodeMirror, { value: creds[credType],
+	              className: 'env-creds-json-codemirror',
+	              options: {
+	                lineNumbers: true,
+	                theme: 'default',
+	                mode: 'javascript',
+	                dragDrop: true
+	              },
+	              onBeforeChange: function onBeforeChange(e, d, v) {
+	                return onChange({ target: { name: credType, value: v } });
+	              }
+	            }),
+	            index === 0 && _react2.default.createElement(
+	              Button,
+	              {
+	                onClick: function onClick() {
+	                  return onCheck(creds);
+	                },
+	                style: { marginLeft: onlyJson ? 0 : 8, marginTop: onlyJson ? 8 : 0,
+	                  marginBottom: 2, height: 30, lineHeight: '10px'
+	                },
+	                disabled: credsDisabledCheck },
+	              'Test Connection'
+	            )
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = Google;
+
+/***/ },
+
+/***/ 46:
+/***/ 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 _flatfile = __webpack_require__(44);
+	
+	var _flatfile2 = _interopRequireDefault(_flatfile);
+	
+	var _google = __webpack_require__(45);
+	
+	var _google2 = _interopRequireDefault(_google);
+	
+	var _adaptersecret = __webpack_require__(43);
+	
+	var _adaptersecret2 = _interopRequireDefault(_adaptersecret);
+	
+	var _oauth = __webpack_require__(47);
+	
+	var _oauth2 = _interopRequireDefault(_oauth);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
 	
 	function unCamelize(text) {
 	  return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
@@ -186,7 +699,8 @@ module.exports =
 	          check = _props.check,
 	          checking = _props.checking,
 	          inputs = _props.inputs,
-	          envCheckResult = _props.envCheckResult;
+	          envCheckResult = _props.envCheckResult,
+	          clearCsvFields = _props.clearCsvFields;
 	
 	
 	      var Button = inputs.Button;
@@ -220,16 +734,17 @@ module.exports =
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement('br', null)
 	        ) : _react2.default.createElement('div', { style: { height: 13 } }),
-	        isOauth ? _react2.default.createElement(Oauth, { wizard: wizard, onCheck: check,
+	        isOauth ? _react2.default.createElement(_oauth2.default, { wizard: wizard, onCheck: check,
 	          creds: this.props.creds, providerType: providerType,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
 	            return getOauthUrl(urlType, providerType);
 	          },
 	          checkOauthCreds: checkOauthCreds, envCheckResult: envCheckResult,
-	          checking: checking, inputs: inputs }) : isFlatFile ? _react2.default.createElement(FlatFile, { wizard: wizard, onCheck: check, metadata: metadata,
+	          checking: checking, inputs: inputs }) : isFlatFile ? _react2.default.createElement(_flatfile2.default, { wizard: wizard, onCheck: check, metadata: metadata,
 	          checking: checking, setCsvFields: setCsvFields,
 	          providerType: providerType, inputs: inputs,
-	          accountKey: accountKey, tenantKey: tenantKey }) : isGoogle ? _react2.default.createElement(Google, { config: config, creds: creds, onChange: this.onChange,
+	          accountKey: accountKey, tenantKey: tenantKey,
+	          onDrop: clearCsvFields }) : isGoogle ? _react2.default.createElement(_google2.default, { config: config, creds: creds, onChange: this.onChange,
 	          credsDisabledCheck: credsDisabledCheck, inputs: inputs,
 	          onCheck: check }) : _react2.default.createElement(
 	          'div',
@@ -246,386 +761,119 @@ module.exports =
 	                _react2.default.createElement(
 	                  'label',
 	                  { htmlFor: 'rootUrl', className: 'labelz' },
-	                  'Data Source Endpoint'
-	                ),
-	                _react2.default.createElement(Input, { name: 'rootUrl',
-	                  onKeyPress: this.credKeyPress,
-	                  value: this.state.actualCreds.rootUrl || '',
-	                  onChange: this.onChange })
-	              ),
-	              _react2.default.createElement(
-	                Button,
-	                {
-	                  onClick: function onClick() {
-	                    return check(_this2.state.actualCreds);
-	                  },
-	                  style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
-	                  disabled: !hasEndpoint || credsDisabledCheck },
-	                'Test Connection'
-	              ),
-	              _react2.default.createElement(
-	                'div',
-	                { style: { display: 'inline-block', marginLeft: 12 } },
-	                checking && _react2.default.createElement(Spinner, null),
-	                envCheckResult && _react2.default.createElement(
-	                  'span',
-	                  null,
-	                  envCheckResult
-	                )
-	              )
-	            )
-	          ),
-	          config.credentials && _react2.default.createElement(
-	            'div',
-	            { style: { marginLeft: 16 } },
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement(
-	              'label',
-	              { htmlFor: 'creds' },
-	              providerType,
-	              ' Credentials'
-	            ),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement(
-	              'div',
-	              { style: { display: 'inline-block', marginLeft: 16 } },
-	              config.credentials.map(function (credType, index) {
-	                return _react2.default.createElement(
-	                  'div',
-	                  { key: index, style: { marginTop: 8 } },
-	                  _react2.default.createElement(
-	                    'label',
-	                    { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
-	                    unCamelize(credType)
-	                  ),
-	                  _react2.default.createElement('br', null),
-	                  _react2.default.createElement(Input, { name: credType,
-	                    onKeyPress: _this2.credKeyPress,
-	                    value: _this2.state.actualCreds[credType] || '',
-	                    onChange: _this2.onChange })
-	                );
-	              })
-	            )
-	          ),
-	          isAdapter && _react2.default.createElement(AdapterSecret, { inputs: inputs,
-	            providerType: providerType, secret: adapterSecret,
-	            generateNewAdapterSecret: generateNewAdapterSecret,
-	            tenantKey: tenantKey, accountKey: accountKey })
-	        ),
-	        _react2.default.createElement(
-	          'span',
-	          null,
-	          this.props.children
-	        ),
-	        _react2.default.createElement('br', null)
-	      );
-	    }
-	  }]);
-	
-	  return EnvSection;
-	}(_react.Component);
-	
-	var Google = function Google(props) {
-	  var config = props.config,
-	      creds = props.creds,
-	      onChange = props.onChange,
-	      credsDisabledCheck = props.credsDisabledCheck,
-	      inputs = props.inputs,
-	      onCheck = props.onCheck;
-	
-	  var Input = inputs.Input;
-	  var Button = inputs.Button;
-	  var Select = inputs.Select;
-	  var CodeMirror = codemirror && codemirror.Controlled;
-	
-	  var CloudSQLTypes = [{ name: 'Postgres', satisfiesSearch: true }, { name: 'MySQL', satisfiesSearch: true }];
-	
-	  var onlyJson = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'json';
-	
-	  return _react2.default.createElement(
-	    'div',
-	    null,
-	    config.credentials && _react2.default.createElement(
-	      'div',
-	      { style: { marginLeft: 1 } },
-	      _react2.default.createElement(
-	        'label',
-	        { htmlFor: 'creds' },
-	        config.label || config.type,
-	        ' Credentials'
-	      ),
-	      _react2.default.createElement('br', null),
-	      _react2.default.createElement(
-	        'div',
-	        { style: { display: 'inline-block', marginLeft: 16, width: '100%' } },
-	        config.credentials.map(function (credType, index) {
-	          return _react2.default.createElement(
-	            'div',
-	            { key: index, style: { marginTop: 8, width: '100%' } },
-	            _react2.default.createElement(
-	              'label',
-	              { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
-	              credType !== 'json' ? unCamelize(credType) : 'API key (paste json or drag-and-drop file)'
-	            ),
-	            _react2.default.createElement('br', null),
-	            credType !== 'json' ? _react2.default.createElement(
-	              'div',
-	              { style: { display: 'inline-block', width: credType !== 'databaseType' ? 300 : 164 } },
-	              credType !== 'databaseType' ? _react2.default.createElement(Input, { name: credType,
-	                value: creds[credType] || '', onChange: onChange }) : _react2.default.createElement(Select, { vals: CloudSQLTypes, fieldPropLabel: 'name',
-	                label: creds[credType] || 'Database Types',
-	                onSelect: function onSelect(v) {
-	                  return onChange({ target: { name: credType, value: v } });
-	                },
-	                size: 'small', style: { width: 160, height: 31, textAlign: 'left' }
-	              })
-	            ) : _react2.default.createElement(CodeMirror, { value: creds[credType],
-	              className: 'env-creds-json-codemirror',
-	              options: {
-	                lineNumbers: true,
-	                theme: 'default',
-	                mode: 'javascript',
-	                dragDrop: true
-	              },
-	              onBeforeChange: function onBeforeChange(e, d, v) {
-	                return onChange({ target: { name: credType, value: v } });
-	              }
-	            }),
-	            index === 0 && _react2.default.createElement(
-	              Button,
-	              {
-	                onClick: function onClick() {
-	                  return onCheck(creds);
-	                },
-	                style: { marginLeft: onlyJson ? 0 : 8, marginTop: onlyJson ? 8 : 0,
-	                  marginBottom: 2, height: 30, lineHeight: '10px'
-	                },
-	                disabled: credsDisabledCheck },
-	              'Test Connection'
-	            )
-	          );
-	        })
-	      )
-	    )
-	  );
-	};
-	
-	var FlatFile = function (_Component2) {
-	  _inherits(FlatFile, _Component2);
-	
-	  // react-dropzone
-	  // papaparse
-	
-	  function FlatFile() {
-	    _classCallCheck(this, FlatFile);
-	
-	    var _this3 = _possibleConstructorReturn(this, (FlatFile.__proto__ || Object.getPrototypeOf(FlatFile)).call(this));
-	
-	    _this3.onDrop = function (fs) {
-	      var meta = [].concat(_toConsumableArray(_this3.state.meta));
-	      var counter = 0;
-	      var fileContents = [].concat(_toConsumableArray(_this3.state.fileContents));
-	      var contentCounter = 0;
-	      fs.forEach(function (file) {
-	        _papaparse2.default.parse(file, {
-	          header: true,
-	          dynamicTyping: true,
-	          complete: function complete(result) {
-	            meta = meta.concat({
-	              name: file.name,
-	              type: file.name.substr(0, file.name.lastIndexOf('.')).split(' ').join(),
-	              byteSize: file.size,
-	              properties: result.meta.fields.map(function (f) {
-	                return {
-	                  label: f,
-	                  name: f.split(' ').join(),
-	                  type: result.data[0] && _typeof(result.data[0][f])
-	                };
-	              }),
-	              delimiter: result.meta.delimiter
-	            });
-	            counter += 1;
-	            if (counter === fs.length) {
-	              // after last one is done
-	              _this3.setState({ meta: meta });
-	            }
-	          }
-	        });
-	        var reader = new FileReader();
-	        reader.addEventListener("loadend", function (event) {
-	          fileContents = fileContents.concat(event.target.result);
-	          contentCounter += 1;
-	          if (contentCounter === fs.length) {
-	            _this3.setState({ fileContents: fileContents });
-	          }
-	        });
-	        reader.readAsText(file);
-	      });
-	    };
-	
-	    _this3.onReject = function () {
-	      _this3.setState({ dropError: 'File is too big!' });
-	      setTimeout(function () {
-	        _this3.setState({ dropError: null });
-	      }, 3500);
-	    };
-	
-	    _this3.upload = function () {
-	      var _this3$props = _this3.props,
-	          setCsvFields = _this3$props.setCsvFields,
-	          providerType = _this3$props.providerType;
-	
-	      _this3.setState({ uploading: true });
-	      setCsvFields(_this3.state.meta, _this3.state.fileContents, providerType).then(function () {
-	        _this3.setState({ meta: [], uploading: false });
-	      });
-	    };
-	
-	    _this3.state = {
-	      meta: [],
-	      fileContents: [],
-	      uploading: false,
-	      dropError: null
-	    };
-	    return _this3;
-	  }
-	
-	  _createClass(FlatFile, [{
-	    key: 'render',
-	    value: function render() {
-	      var _state = this.state,
-	          meta = _state.meta,
-	          uploading = _state.uploading,
-	          dropError = _state.dropError;
-	      var _props2 = this.props,
-	          metadata = _props2.metadata,
-	          inputs = _props2.inputs;
-	
-	      var Button = inputs.Button;
-	      var Spinner = inputs.Spinner;
-	      var hasFile = meta && meta.length > 0;
-	      return _react2.default.createElement(
-	        'div',
-	        null,
-	        _react2.default.createElement(
-	          'div',
-	          { style: { display: 'inline-block' } },
-	          _react2.default.createElement(
-	            _reactDropzone2.default,
-	            { onDropAccepted: this.onDrop, onDropRejected: this.onReject,
-	              className: 'dropzone', maxSize: 1000000 * 50 },
-	            !dropError ? _react2.default.createElement(
-	              'p',
-	              null,
-	              'Drop one or more CSV files here, or click to select files to upload.'
-	            ) : _react2.default.createElement(
-	              'p',
-	              { style: { color: '#c9302c', fontWeight: 'bold' } },
-	              dropError
-	            )
-	          )
-	        ),
-	        hasFile && _react2.default.createElement(
-	          'aside',
-	          { style: { marginLeft: 30, display: 'inline-block' } },
-	          _react2.default.createElement(
-	            'div',
-	            null,
-	            _react2.default.createElement(
-	              'h3',
-	              { style: { marginTop: 10, display: 'inline-block', verticalAlign: 'top' } },
-	              'Dropped files'
-	            ),
-	            _react2.default.createElement(
-	              Button,
-	              {
-	                onClick: this.upload,
-	                style: { marginTop: 4, marginLeft: 20, verticalAlign: 'top', height: 36 },
-	                disabled: uploading },
+	                  'Data Source Endpoint'
+	                ),
+	                _react2.default.createElement(Input, { name: 'rootUrl',
+	                  onKeyPress: this.credKeyPress,
+	                  value: this.state.actualCreds.rootUrl || '',
+	                  onChange: this.onChange })
+	              ),
 	              _react2.default.createElement(
-	                'span',
-	                { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                'Upload'
+	                Button,
+	                {
+	                  onClick: function onClick() {
+	                    return check(_this2.state.actualCreds);
+	                  },
+	                  style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
+	                  disabled: !hasEndpoint || credsDisabledCheck },
+	                'Test Connection'
 	              ),
-	              '\xA0\xA0',
-	              _react2.default.createElement(UploadIcon, null)
-	            ),
-	            uploading && _react2.default.createElement(
-	              'div',
-	              { style: { paddingLeft: 12, paddingTop: 12, display: 'inline-block' } },
-	              _react2.default.createElement(Spinner, null)
+	              _react2.default.createElement(
+	                'div',
+	                { style: { display: 'inline-block', marginLeft: 12 } },
+	                checking && _react2.default.createElement(Spinner, null),
+	                envCheckResult && _react2.default.createElement(
+	                  'span',
+	                  null,
+	                  envCheckResult
+	                )
+	              )
 	            )
 	          ),
-	          _react2.default.createElement(
-	            'ul',
-	            null,
-	            meta.map(function (f, i) {
-	              return _react2.default.createElement(
-	                'li',
-	                { key: i, style: { listStyle: 'none' } },
-	                f.name,
-	                ' - ',
-	                formatBytes(f.byteSize)
-	              );
-	            })
-	          )
-	        ),
-	        !uploading && !hasFile && metadata && metadata.length > 0 && _react2.default.createElement(
-	          'div',
-	          { style: {
-	              marginLeft: 20, display: 'inline-block', marginTop: 13, verticalAlign: 'top'
-	            } },
-	          _react2.default.createElement(
+	          config.credentials && _react2.default.createElement(
 	            'div',
-	            { style: { marginBottom: 4 } },
+	            { style: { marginLeft: 16 } },
+	            _react2.default.createElement('br', null),
 	            _react2.default.createElement(
-	              'strong',
-	              { style: { marginRight: 5 } },
-	              metadata && metadata.length
+	              'label',
+	              { htmlFor: 'creds' },
+	              providerType,
+	              ' Credentials'
 	            ),
+	            _react2.default.createElement('br', null),
 	            _react2.default.createElement(
-	              'strong',
-	              null,
-	              'file' + (metadata.length === 1 ? '' : 's') + ' uploaded'
+	              'div',
+	              { style: { display: 'inline-block', marginLeft: 16 } },
+	              config.credentials.map(function (credType, index) {
+	                return _react2.default.createElement(
+	                  'div',
+	                  { key: index, style: { marginTop: 8 } },
+	                  _react2.default.createElement(
+	                    'label',
+	                    { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
+	                    unCamelize(credType)
+	                  ),
+	                  _react2.default.createElement('br', null),
+	                  _react2.default.createElement(Input, { name: credType,
+	                    onKeyPress: _this2.credKeyPress,
+	                    value: _this2.state.actualCreds[credType] || '',
+	                    onChange: _this2.onChange })
+	                );
+	              })
 	            )
 	          ),
-	          _react2.default.createElement(
-	            'ul',
-	            null,
-	            metadata.map(function (f, i) {
-	              return _react2.default.createElement(
-	                'li',
-	                { key: i, style: { listStyle: 'none' } },
-	                f.name,
-	                ' - ',
-	                formatBytes(f.byteSize)
-	              );
-	            })
-	          )
-	        )
+	          isAdapter && _react2.default.createElement(_adaptersecret2.default, { inputs: inputs,
+	            providerType: providerType, secret: adapterSecret,
+	            generateNewAdapterSecret: generateNewAdapterSecret,
+	            tenantKey: tenantKey, accountKey: accountKey })
+	        ),
+	        _react2.default.createElement(
+	          'span',
+	          null,
+	          this.props.children
+	        ),
+	        _react2.default.createElement('br', null)
 	      );
 	    }
 	  }]);
 	
-	  return FlatFile;
+	  return EnvSection;
 	}(_react.Component);
 	
-	var UploadIcon = function UploadIcon() {
-	  return _react2.default.createElement(
-	    'svg',
-	    { fill: '#666', height: '24', viewBox: '0 0 24 24', width: '24' },
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	    _react2.default.createElement('path', { d: 'M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z' })
-	  );
-	};
+	exports.default = EnvSection;
+
+/***/ },
+
+/***/ 47:
+/***/ 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);
+	
+	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 Oauth = function (_Component3) {
-	  _inherits(Oauth, _Component3);
+	var Oauth = function (_Component) {
+	  _inherits(Oauth, _Component);
 	
 	  function Oauth() {
 	    var _ref;
 	
-	    var _temp, _this4, _ret;
+	    var _temp, _this, _ret;
 	
 	    _classCallCheck(this, Oauth);
 	
@@ -633,14 +881,14 @@ module.exports =
 	      args[_key] = arguments[_key];
 	    }
 	
-	    return _ret = (_temp = (_this4 = _possibleConstructorReturn(this, (_ref = Oauth.__proto__ || Object.getPrototypeOf(Oauth)).call.apply(_ref, [this].concat(args))), _this4), _this4.finishOauth = function (e) {
+	    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Oauth.__proto__ || Object.getPrototypeOf(Oauth)).call.apply(_ref, [this].concat(args))), _this), _this.finishOauth = function (e) {
 	      if (e.data && e.data.lingkOauthMessage && e.data.lingkOauthMessage === 'complete') {
-	        _this4.props.checkOauthCreds('finish');
+	        _this.props.checkOauthCreds('finish');
 	      }
-	    }, _this4.startOauth = function () {
-	      var _this4$props = _this4.props,
-	          wizard = _this4$props.wizard,
-	          checkOauthCreds = _this4$props.checkOauthCreds;
+	    }, _this.startOauth = function () {
+	      var _this$props = _this.props,
+	          wizard = _this$props.wizard,
+	          checkOauthCreds = _this$props.checkOauthCreds;
 	
 	      checkOauthCreds('start');
 	      var width = 600;
@@ -649,7 +897,7 @@ module.exports =
 	      var top = window.screenY + (window.outerHeight - height) / 2.5;
 	      var popup = window.open(wizard.oauthUrl, 'Oauth', 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left);
 	      popup.focus();
-	    }, _temp), _possibleConstructorReturn(_this4, _ret);
+	    }, _temp), _possibleConstructorReturn(_this, _ret);
 	  }
 	
 	  _createClass(Oauth, [{
@@ -665,15 +913,15 @@ module.exports =
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _props3 = this.props,
-	          wizard = _props3.wizard,
-	          onGenerateUrl = _props3.onGenerateUrl,
-	          onCheck = _props3.onCheck,
-	          providerType = _props3.providerType,
-	          checking = _props3.checking,
-	          creds = _props3.creds,
-	          inputs = _props3.inputs,
-	          envCheckResult = _props3.envCheckResult;
+	      var _props = this.props,
+	          wizard = _props.wizard,
+	          onGenerateUrl = _props.onGenerateUrl,
+	          onCheck = _props.onCheck,
+	          providerType = _props.providerType,
+	          checking = _props.checking,
+	          creds = _props.creds,
+	          inputs = _props.inputs,
+	          envCheckResult = _props.envCheckResult;
 	
 	      var Spinner = inputs.Spinner;
 	      var Button = inputs.Button;
@@ -787,32 +1035,32 @@ module.exports =
 	  return Oauth;
 	}(_react.Component);
 	
-	var DotDot = function (_Component4) {
-	  _inherits(DotDot, _Component4);
+	var DotDot = function (_Component2) {
+	  _inherits(DotDot, _Component2);
 	
 	  function DotDot(props) {
 	    _classCallCheck(this, DotDot);
 	
-	    var _this5 = _possibleConstructorReturn(this, (DotDot.__proto__ || Object.getPrototypeOf(DotDot)).call(this));
+	    var _this2 = _possibleConstructorReturn(this, (DotDot.__proto__ || Object.getPrototypeOf(DotDot)).call(this));
 	
-	    _this5.state = {
+	    _this2.state = {
 	      text: props.text
 	    };
-	    return _this5;
+	    return _this2;
 	  }
 	
 	  _createClass(DotDot, [{
 	    key: 'componentWillMount',
 	    value: function componentWillMount() {
-	      var _this6 = this;
+	      var _this3 = this;
 	
 	      this.interval = setInterval(function () {
-	        var text = _this6.state.text;
+	        var text = _this3.state.text;
 	
 	        if (text.length < 28) {
-	          _this6.setState({ text: text + '.' });
+	          _this3.setState({ text: text + '.' });
 	        } else {
-	          _this6.setState({ text: _this6.props.text });
+	          _this3.setState({ text: _this3.props.text });
 	        }
 	      }, 200);
 	    }
@@ -835,126 +1083,11 @@ module.exports =
 	  return DotDot;
 	}(_react.Component);
 	
-	var AdapterSecret = function (_Component5) {
-	  _inherits(AdapterSecret, _Component5);
-	
-	  function AdapterSecret() {
-	    _classCallCheck(this, AdapterSecret);
-	
-	    var _this7 = _possibleConstructorReturn(this, (AdapterSecret.__proto__ || Object.getPrototypeOf(AdapterSecret)).call(this));
-	
-	    _this7.copy = function () {
-	      _clipboard2.default.copy({
-	        'text/plain': _this7.props.secret
-	      });
-	      _this7.setState({ secretCopied: true });
-	      setTimeout(function () {
-	        _this7.setState({ secretCopied: false });
-	      }, 4000);
-	    };
-	
-	    _this7.state = {
-	      generating: false,
-	      secretCopied: false
-	    };
-	    return _this7;
-	  }
-	
-	  _createClass(AdapterSecret, [{
-	    key: 'render',
-	    value: function render() {
-	      var _this8 = this;
-	
-	      var _props4 = this.props,
-	          generateNewAdapterSecret = _props4.generateNewAdapterSecret,
-	          tenantKey = _props4.tenantKey,
-	          accountKey = _props4.accountKey,
-	          providerType = _props4.providerType,
-	          secret = _props4.secret,
-	          inputs = _props4.inputs;
-	
-	      var Spinner = inputs.Spinner;
-	      var Button = inputs.Button;
-	      var Input = inputs.Input;
-	      return _react2.default.createElement(
-	        'div',
-	        { style: { marginLeft: 16 } },
-	        _react2.default.createElement('br', null),
-	        secret ? _react2.default.createElement(
-	          'div',
-	          null,
-	          _react2.default.createElement(
-	            'strong',
-	            null,
-	            'Adapter Credentials'
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { marginTop: 6, marginLeft: 16 } },
-	            _react2.default.createElement(
-	              'span',
-	              null,
-	              'Client Key'
-	            ),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement(Input, { value: 'client.secret.' + tenantKey + '.' + accountKey, readOnly: true })
-	          ),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { marginTop: 6, marginLeft: 16 } },
-	            _react2.default.createElement(
-	              'span',
-	              null,
-	              'Client Secret'
-	            ),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement(Input, { value: secret, readOnly: true,
-	              style: { display: 'inline-block' } }),
-	            _react2.default.createElement(
-	              Button,
-	              {
-	                onClick: this.copy,
-	                style: { margin: '0 8px', marginBottom: 2, height: 30, lineHeight: '10px' } },
-	              'Copy to clipboard'
-	            ),
-	            this.state.secretCopied && _react2.default.createElement(
-	              'span',
-	              null,
-	              'Copied!'
-	            )
-	          )
-	        ) : _react2.default.createElement(
-	          'div',
-	          null,
-	          _react2.default.createElement(
-	            'span',
-	            null,
-	            'Adapter Secret not found:'
-	          ),
-	          _react2.default.createElement(
-	            Button,
-	            {
-	              onClick: function onClick() {
-	                _this8.setState({ generating: true });
-	                generateNewAdapterSecret(providerType);
-	              },
-	              style: { margin: '0 8px', marginBottom: 2, height: 30, lineHeight: '10px' } },
-	            'Generate New Adapter Secret'
-	          ),
-	          this.state.generating && _react2.default.createElement(Spinner, { style: { display: 'inline-block' } })
-	        )
-	      );
-	    }
-	  }]);
-	
-	  return AdapterSecret;
-	}(_react.Component);
-	
-	exports.default = EnvSection;
+	exports.default = Oauth;
 
 /***/ },
 
-/***/ 44:
+/***/ 48:
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -1136,7 +1269,7 @@ module.exports =
 
 /***/ },
 
-/***/ 55:
+/***/ 59:
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -10802,7 +10935,7 @@ module.exports =
 
 /***/ },
 
-/***/ 56:
+/***/ 60:
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -10810,7 +10943,7 @@ module.exports =
 	
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(55));
+	    mod(__webpack_require__(59));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -11664,28 +11797,28 @@ module.exports =
 
 /***/ },
 
-/***/ 57:
+/***/ 61:
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
 
-/***/ 58:
+/***/ 62:
 /***/ function(module, exports) {
 
 	module.exports = require("papaparse");
 
 /***/ },
 
-/***/ 59:
+/***/ 63:
 /***/ function(module, exports) {
 
 	module.exports = require("react-codemirror2");
 
 /***/ },
 
-/***/ 60:
+/***/ 64:
 /***/ function(module, exports) {
 
 	module.exports = require("react-dropzone");