@lingk/sync 1.0.2 → 1.0.4

package/build/credentialSections.js

@@ -67,6 +67,8 @@ module.exports =
 	  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; }; }();
 	
 	var _react = __webpack_require__(1);
@@ -99,6 +101,13 @@ module.exports =
 	
 	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 formatBytes(a, b) {
+	  if (0 === a) return "0 Bytes";var c = 1024,
+	      d = b || 2,
+	      e = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+	      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') {
@@ -170,6 +179,7 @@ module.exports =
 	          wizard = _props.wizard,
 	          adapterSecret = _props.adapterSecret,
 	          checkOauthCreds = _props.checkOauthCreds,
+	          metadata = _props.metadata,
 	          getOauthUrl = _props.getOauthUrl,
 	          generateNewAdapterSecret = _props.generateNewAdapterSecret,
 	          setCsvFields = _props.setCsvFields,
@@ -194,7 +204,7 @@ module.exports =
 	
 	      var isOauth = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'Oauth';
 	
-	      var isSFTP = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'SFTP';
+	      var isFlatFile = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'FlatFile';
 	
 	      var isGoogle = config.type.startsWith('Google');
 	
@@ -203,22 +213,23 @@ module.exports =
 	      return _react2.default.createElement(
 	        'div',
 	        { className: 'env-section-body' },
-	        config.message && !isGoogle && _react2.default.createElement(
+	        config.message && !isGoogle && !isFlatFile ? _react2.default.createElement(
 	          'p',
 	          null,
 	          config.message,
 	          _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,
 	          creds: this.props.creds, providerType: providerType,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
 	            return getOauthUrl(urlType, providerType);
 	          },
 	          checkOauthCreds: checkOauthCreds, envCheckResult: envCheckResult,
-	          checking: checking, inputs: inputs }) : isSFTP ? _react2.default.createElement(SFTP, { wizard: wizard, onCheck: check,
+	          checking: checking, inputs: inputs }) : isFlatFile ? _react2.default.createElement(FlatFile, { wizard: wizard, onCheck: check, metadata: metadata,
 	          checking: checking, setCsvFields: setCsvFields,
-	          providerType: providerType }) : isGoogle ? _react2.default.createElement(Google, { config: config, creds: creds, onChange: this.onChange,
+	          providerType: providerType, inputs: inputs,
+	          accountKey: accountKey, tenantKey: tenantKey }) : isGoogle ? _react2.default.createElement(Google, { config: config, creds: creds, onChange: this.onChange,
 	          credsDisabledCheck: credsDisabledCheck, inputs: inputs,
 	          onCheck: check }) : _react2.default.createElement(
 	          'div',
@@ -399,64 +410,100 @@ module.exports =
 	  );
 	};
 	
-	var SFTP = function (_Component2) {
-	  _inherits(SFTP, _Component2);
+	var FlatFile = function (_Component2) {
+	  _inherits(FlatFile, _Component2);
 	
 	  // react-dropzone
 	  // papaparse
 	
-	  function SFTP() {
-	    _classCallCheck(this, SFTP);
+	  function FlatFile() {
+	    _classCallCheck(this, FlatFile);
 	
-	    var _this3 = _possibleConstructorReturn(this, (SFTP.__proto__ || Object.getPrototypeOf(SFTP)).call(this));
+	    var _this3 = _possibleConstructorReturn(this, (FlatFile.__proto__ || Object.getPrototypeOf(FlatFile)).call(this));
 	
 	    _this3.onDrop = function (fs) {
-	      var _this3$props = _this3.props,
-	          setCsvFields = _this3$props.setCsvFields,
-	          providerType = _this3$props.providerType,
-	          wizard = _this3$props.wizard;
-	
-	      var m = wizard['metadata'] || [];
-	      var files = [].concat(_toConsumableArray(_this3.state.files));
+	      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) {
-	            m = m.concat({
-	              name: file.name.split('.')[0],
-	              type: file.name.split('.')[0],
+	            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,
-	                  type: 'string'
+	                  name: f.split(' ').join(),
+	                  type: result.data[0] && _typeof(result.data[0][f])
 	                };
-	              })
+	              }),
+	              delimiter: result.meta.delimiter
 	            });
-	            files = files.concat(file);
 	            counter += 1;
 	            if (counter === fs.length) {
-	              _this3.setState({ files: files });
-	              setCsvFields(m, providerType);
+	              // 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 = {
-	      files: []
+	      meta: [],
+	      fileContents: [],
+	      uploading: false,
+	      dropError: null
 	    };
 	    return _this3;
 	  }
 	
-	  _createClass(SFTP, [{
+	  _createClass(FlatFile, [{
 	    key: 'render',
 	    value: function render() {
-	      var files = this.state.files;
+	      var _state = this.state,
+	          meta = _state.meta,
+	          uploading = _state.uploading,
+	          dropError = _state.dropError;
+	      var _props2 = this.props,
+	          metadata = _props2.metadata,
+	          inputs = _props2.inputs;
 	
-	      var hasFile = files && files.length > 0;
+	      var Button = inputs.Button;
+	      var Spinner = inputs.Spinner;
+	      var hasFile = meta && meta.length > 0;
 	      return _react2.default.createElement(
 	        'div',
 	        null,
@@ -465,12 +512,16 @@ module.exports =
 	          { style: { display: 'inline-block' } },
 	          _react2.default.createElement(
 	            _reactDropzone2.default,
-	            { onDrop: this.onDrop,
-	              className: 'dropzone' },
-	            _react2.default.createElement(
+	            { onDropAccepted: this.onDrop, onDropRejected: this.onReject,
+	              className: 'dropzone', maxSize: 1000000 },
+	            !dropError ? _react2.default.createElement(
 	              'p',
 	              null,
-	              'Drop one or more files here, or click to select files to upload.'
+	              'Drop one or more CSV files here, or click to select files to upload.'
+	            ) : _react2.default.createElement(
+	              'p',
+	              { style: { color: '#c9302c', fontWeight: 'bold' } },
+	              dropError
 	            )
 	          )
 	        ),
@@ -478,21 +529,76 @@ module.exports =
 	          'aside',
 	          { style: { marginLeft: 30, display: 'inline-block' } },
 	          _react2.default.createElement(
-	            'h3',
-	            { style: { marginTop: 10 } },
-	            'Dropped files'
+	            '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,
-	            files.map(function (f, i) {
+	            meta.map(function (f, i) {
 	              return _react2.default.createElement(
 	                'li',
-	                { key: i },
+	                { key: i, style: { listStyle: 'none' } },
 	                f.name,
 	                ' - ',
-	                f.size,
-	                ' bytes'
+	                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)
 	              );
 	            })
 	          )
@@ -501,9 +607,18 @@ module.exports =
 	    }
 	  }]);
 	
-	  return SFTP;
+	  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' })
+	  );
+	};
+	
 	var Oauth = function (_Component3) {
 	  _inherits(Oauth, _Component3);
 	
@@ -550,15 +665,15 @@ module.exports =
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _props2 = this.props,
-	          wizard = _props2.wizard,
-	          onGenerateUrl = _props2.onGenerateUrl,
-	          onCheck = _props2.onCheck,
-	          providerType = _props2.providerType,
-	          checking = _props2.checking,
-	          creds = _props2.creds,
-	          inputs = _props2.inputs,
-	          envCheckResult = _props2.envCheckResult;
+	      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 Spinner = inputs.Spinner;
 	      var Button = inputs.Button;
@@ -750,13 +865,13 @@ module.exports =
 	    value: function render() {
 	      var _this8 = this;
 	
-	      var _props3 = this.props,
-	          generateNewAdapterSecret = _props3.generateNewAdapterSecret,
-	          tenantKey = _props3.tenantKey,
-	          accountKey = _props3.accountKey,
-	          providerType = _props3.providerType,
-	          secret = _props3.secret,
-	          inputs = _props3.inputs;
+	      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;