@lingk/sync 1.0.2 → 1.0.4

package/build/main.js

@@ -1908,6 +1908,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);
@@ -1940,6 +1942,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') {
@@ -2011,6 +2020,7 @@ module.exports =
 	          wizard = _props.wizard,
 	          adapterSecret = _props.adapterSecret,
 	          checkOauthCreds = _props.checkOauthCreds,
+	          metadata = _props.metadata,
 	          getOauthUrl = _props.getOauthUrl,
 	          generateNewAdapterSecret = _props.generateNewAdapterSecret,
 	          setCsvFields = _props.setCsvFields,
@@ -2035,7 +2045,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');
 	
@@ -2044,22 +2054,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',
@@ -2240,64 +2251,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,
@@ -2306,12 +2353,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
 	            )
 	          )
 	        ),
@@ -2319,21 +2370,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,
+	            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,
-	            files.map(function (f, i) {
+	            metadata.map(function (f, i) {
 	              return _react2.default.createElement(
 	                'li',
-	                { key: i },
+	                { key: i, style: { listStyle: 'none' } },
 	                f.name,
 	                ' - ',
-	                f.size,
-	                ' bytes'
+	                formatBytes(f.byteSize)
 	              );
 	            })
 	          )
@@ -2342,9 +2448,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);
 	
@@ -2391,15 +2506,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;
@@ -2591,13 +2706,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;
@@ -16688,6 +16803,8 @@ module.exports =
 	});
 	exports.callGetMetadata = callGetMetadata;
 	exports.setCsvFields = setCsvFields;
+	exports.uploadFilesToS3 = uploadFilesToS3;
+	exports.singleFileToS3 = singleFileToS3;
 	exports.tryCheckConnection = tryCheckConnection;
 	exports.callGetProviderMetadata = callGetProviderMetadata;
 	exports.getOauthUrl = getOauthUrl;
@@ -16735,6 +16852,10 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
+	var _axios = __webpack_require__(218);
+	
+	var _axios2 = _interopRequireDefault(_axios);
+	
 	var _reduxForm = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -16752,7 +16873,8 @@ module.exports =
 	      mode: mode
 	    });
 	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds, urlSuffix)).then(function (r) {
-	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, environment.name));
+	      var schemaGuid = creds.schemaGuid; // for flat file schema
+	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, environment.name, schemaGuid));
 	    }).then(function (m) {
 	      metadata = m;
 	      var isIntro = endpoint === '_blank';
@@ -16775,11 +16897,74 @@ module.exports =
 	  };
 	}
 	
-	function setCsvFields(metadata, mode, providerType) {
-	  return {
-	    type: types.FINISH_WIZARD_ENV_CHECK,
-	    data: { metadata: metadata, mode: mode, code: '200 OK', providerType: providerType }
+	function setCsvFields(tenantId, appId, tenantKey, appKey, metadata, contents, mode, providerType, isSource, envId) {
+	  var d = null;
+	  return function (dispatch, getState, api) {
+	    var _getState = getState(),
+	        config = _getState.config;
+	
+	    return api.post(tenantId + '/' + appId + '/fileschema', {
+	      endpoint: config.TRANS_API_URL,
+	      data: { name: 'flatfile', resources: metadata, providerType: providerType, isSource: isSource }
+	    }).then(function (data) {
+	      d = data;
+	      return dispatch(uploadFilesToS3(tenantKey, appKey, metadata, data, contents));
+	    }).then(function () {
+	      return dispatch(postCredentials(tenantId, appId, providerType, d.guids, mode, envId)).then(function () {
+	        dispatch({
+	          type: types.FINISH_WIZARD_ENV_CHECK,
+	          data: { metadata: { resources: metadata }, mode: mode, code: '200 OK', providerType: providerType }
+	        });
+	      });
+	    }).catch(function (err) {
+	      console.log(err);
+	    });
+	  };
+	}
+	
+	function uploadFilesToS3(tenantKey, appKey, metadata, d, contents) {
+	  var args = contents.map(function (fileContent, i) {
+	    return { tenantKey: tenantKey, appKey: appKey, fileContent: fileContent, d: d, fileName: metadata[i].name };
+	  });
+	  return function (dispatch, getState, api) {
+	    return Promise.all(args.map(singleFileToS3));
+	  };
+	}
+	
+	function singleFileToS3(_ref) {
+	  var tenantKey = _ref.tenantKey,
+	      appKey = _ref.appKey,
+	      d = _ref.d,
+	      fileContent = _ref.fileContent,
+	      fileName = _ref.fileName;
+	
+	  if (!d.guids.files[fileName]) {
+	    return function () {
+	      return Promise.resolve(null);
+	    };
+	  }
+	  var p = JSON.parse(atob(d.policy));
+	  var pFind = function pFind(s) {
+	    return p.conditions.find(function (pf) {
+	      return Object.keys(pf).includes(s);
+	    })[s];
 	  };
+	  var fd = new FormData();
+	  fd.append('key', tenantKey + '/' + appKey + '/' + d.guids.files[fileName]);
+	  fd.append('policy', d.policy);
+	  fd.append('acl', pFind('acl'));
+	  fd.append('success_action_status', pFind('success_action_status'));
+	  fd.append('x-amz-credential', pFind('x-amz-credential'));
+	  fd.append('x-amz-algorithm', pFind('x-amz-algorithm'));
+	  fd.append('x-amz-date', pFind('x-amz-date'));
+	  fd.append('x-amz-signature', d.signature);
+	  fd.append('file', fileContent);
+	  return (0, _axios2.default)({
+	    method: 'post',
+	    url: 'https://' + pFind('bucket') + '.s3.amazonaws.com/',
+	    data: fd,
+	    config: { headers: { 'Content-Type': 'multipart/form-data' } }
+	  });
 	}
 	
 	// "fake" credentials for demo purposes
@@ -16803,8 +16988,8 @@ module.exports =
 	    var isOauth = credsConfig && credsConfig[0] === 'Oauth';
 	    var isAdapter = urlSuffix === 'testconnection' || urlSuffix === 'adaptermetadata';
 	
-	    var _getState = getState(),
-	        config = _getState.config;
+	    var _getState2 = getState(),
+	        config = _getState2.config;
 	    // if demo creds are entered, skip this
 	    // ADD: OR IF adaptermetadata SKIP THIS
 	
@@ -16821,7 +17006,7 @@ module.exports =
 	  };
 	}
 	
-	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, envName) {
+	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, envName, schemaGuid) {
 	  if (!urlSuffix) {
 	    // for new providers that dont have metadata endpoint yet
 	    return function () {
@@ -16829,9 +17014,9 @@ module.exports =
 	    };
 	  }
 	  return function (dispatch, getState, api) {
-	    var _getState2 = getState(),
-	        config = _getState2.config;
-	    // 'testconnection ' GET route is for adapter only. Should be called 'adaptermetadata'
+	    var _getState3 = getState(),
+	        config = _getState3.config;
+	    // 'testconnection' GET route is for adapter. Should be called 'adaptermetadata'
 	
 	
 	    var isAdapter = false;
@@ -16843,6 +17028,9 @@ module.exports =
 	      urlSuffix = 'adaptermetadata?url=' + endpoint;
 	      isAdapter = true;
 	    }
+	    if (urlSuffix === 'fileschema') {
+	      urlSuffix = 'fileschema?schemaGuid=' + schemaGuid;
+	    }
 	    if (isOauth || isAdapter) {
 	      // USE ONLY ENVS!!!
 	      return api.get(tenantId + '/' + appId + '/environments/' + envName + '/' + urlSuffix, {
@@ -16864,8 +17052,8 @@ module.exports =
 	      mode: mode
 	    });
 	
-	    var _getState3 = getState(),
-	        config = _getState3.config;
+	    var _getState4 = getState(),
+	        config = _getState4.config;
 	
 	    return api.get(tenantId + '/' + appId + '/environments/' + envName + '/oauthurl/' + typeGuid + '/' + orgType, {
 	      endpoint: config.SF_AGENT_API_URL
@@ -16883,9 +17071,9 @@ module.exports =
 	
 	function generateNewAdapterSecret(tenantId, accountId, envName, mode) {
 	  return function (dispatch, getState, api) {
-	    var _getState4 = getState(),
-	        config = _getState4.config,
-	        wizard = _getState4.wizard;
+	    var _getState5 = getState(),
+	        config = _getState5.config,
+	        wizard = _getState5.wizard;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -16902,8 +17090,8 @@ module.exports =
 	
 	function createLingkExternalIds(tenantId, appId, bundles, mappings, metadata, envName) {
 	  return function (dispatch, getState, api) {
-	    var _getState5 = getState(),
-	        config = _getState5.config;
+	    var _getState6 = getState(),
+	        config = _getState6.config;
 	
 	    var externalIdlessObjects = [];
 	    // only run for Salesforce
@@ -16941,8 +17129,8 @@ module.exports =
 	
 	function callAddCustomField(tenantId, appId, objectType, fieldName, completedCallback, envName) {
 	  return function (dispatch, getState, api) {
-	    var _getState6 = getState(),
-	        config = _getState6.config;
+	    var _getState7 = getState(),
+	        config = _getState7.config;
 	
 	    return api.post(tenantId + '/' + appId + '/environments/' + envName + '/salesforceschema/field', {
 	      endpoint: config.SF_AGENT_API_URL,
@@ -16994,8 +17182,8 @@ module.exports =
 	
 	function callGetScenarioList(tenantId, appId, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState7 = getState(),
-	        config = _getState7.config;
+	    var _getState8 = getState(),
+	        config = _getState8.config;
 	
 	    return api.get(tenantId + '/' + appId + '/scenarios/' + typeGuid, {
 	      endpoint: config.TRANS_API_URL
@@ -17005,8 +17193,8 @@ module.exports =
 	
 	function callCreateScenario(tenantId, appId, data) {
 	  return function (dispatch, getState, api) {
-	    var _getState8 = getState(),
-	        config = _getState8.config;
+	    var _getState9 = getState(),
+	        config = _getState9.config;
 	
 	    return api.post(tenantId + '/' + appId + '/scenario', {
 	      endpoint: config.TRANS_API_URL,
@@ -17017,8 +17205,8 @@ module.exports =
 	
 	function callUpdateScenarioList(tenantId, appId, typeGuid, scenarioIds) {
 	  return function (dispatch, getState, api) {
-	    var _getState9 = getState(),
-	        config = _getState9.config;
+	    var _getState10 = getState(),
+	        config = _getState10.config;
 	
 	    return api.post(tenantId + '/' + appId + '/scenarios/' + typeGuid, {
 	      endpoint: config.TRANS_API_URL,
@@ -17031,8 +17219,8 @@ module.exports =
 	
 	function callPostBundles(tenantId, appId, bundles, onGenerationError) {
 	  return function (dispatch, getState, api) {
-	    var _getState10 = getState(),
-	        config = _getState10.config;
+	    var _getState11 = getState(),
+	        config = _getState11.config;
 	
 	    var data = { bundles: bundles };
 	    return api.post(tenantId + '/' + appId + '/bundle', {
@@ -17047,8 +17235,8 @@ module.exports =
 	
 	function callPostMapping(tenantId, appId, mappings, onGenerationError) {
 	  return function (dispatch, getState, api) {
-	    var _getState11 = getState(),
-	        config = _getState11.config;
+	    var _getState12 = getState(),
+	        config = _getState12.config;
 	
 	    var data = { mappings: mappings };
 	    return api.post(tenantId + '/' + appId + '/schemamappings', {
@@ -17063,8 +17251,8 @@ module.exports =
 	
 	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid, piGuid, onGenerationError) {
 	  return function (dispatch, getState, api) {
-	    var _getState12 = getState(),
-	        config = _getState12.config;
+	    var _getState13 = getState(),
+	        config = _getState13.config;
 	
 	    var data = Object.assign({
 	      schemaMappingGuid: schemaMappingGuid,
@@ -17085,8 +17273,8 @@ module.exports =
 	
 	function callUpdateProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid, piGuid, onGenerationError) {
 	  return function (dispatch, getState, api) {
-	    var _getState13 = getState(),
-	        config = _getState13.config;
+	    var _getState14 = getState(),
+	        config = _getState14.config;
 	
 	    var data = {
 	      schemaMappingGuid: schemaMappingGuid,
@@ -17107,8 +17295,8 @@ module.exports =
 	
 	function callGenerateRecipe(tenantId, appId, typeId, typeGuid, title, piGuid, mappingGuid, sourceMetadata, destinationMetadata, isManagedPackage, onGenerationError, envName, envId) {
 	  return function (dispatch, getState, api) {
-	    var _getState14 = getState(),
-	        config = _getState14.config;
+	    var _getState15 = getState(),
+	        config = _getState15.config;
 	
 	    return api.post(tenantId + '/' + appId + '/productizedintegrations/' + piGuid + '/generate', {
 	      endpoint: config.TRANS_API_URL,
@@ -17168,8 +17356,8 @@ module.exports =
 	
 	function callPostEventContext(data, transBaseId) {
 	  return function (dispatch, getState, api) {
-	    var _getState15 = getState(),
-	        config = _getState15.config;
+	    var _getState16 = getState(),
+	        config = _getState16.config;
 	
 	    var TRANS_API_URL = config.TRANS_API_URL;
 	
@@ -17182,8 +17370,8 @@ module.exports =
 	
 	function callExecuteTransformer(transId) {
 	  return function (dispatch, getState, api) {
-	    var _getState16 = getState(),
-	        config = _getState16.config;
+	    var _getState17 = getState(),
+	        config = _getState17.config;
 	
 	    var query = '';
 	    var d = new Date();
@@ -17203,8 +17391,8 @@ module.exports =
 	
 	function callLookupLogData(tenantId, externalExecutionId, index, onFinish, generatedRecipe, pi) {
 	  return function (dispatch, getState, api) {
-	    var _getState17 = getState(),
-	        config = _getState17.config;
+	    var _getState18 = getState(),
+	        config = _getState18.config;
 	
 	    return api.get(tenantId + '/logs/transformers/externalExecutionId/' + externalExecutionId, {
 	      endpoint: config.TRANS_API_URL
@@ -17248,8 +17436,8 @@ module.exports =
 	    };
 	  }
 	  return function (dispatch, getState, api) {
-	    var _getState18 = getState(),
-	        config = _getState18.config;
+	    var _getState19 = getState(),
+	        config = _getState19.config;
 	
 	    return api.post(tenantId + '/createtrigger', {
 	      endpoint: config.TRANS_API_URL,
@@ -17287,8 +17475,8 @@ module.exports =
 	
 	  if (piGuid && piGuid !== '_') {
 	    return function (dispatch, getState, api) {
-	      var _getState19 = getState(),
-	          config = _getState19.config;
+	      var _getState20 = getState(),
+	          config = _getState20.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/productizedintegrations/' + piGuid + '/versions', {
 	        endpoint: config.TRANS_API_URL
@@ -17358,8 +17546,8 @@ module.exports =
 	
 	function clearAdapterSecrets() {
 	  return function (dispatch, getState, api) {
-	    var _getState20 = getState(),
-	        wizard = _getState20.wizard;
+	    var _getState21 = getState(),
+	        wizard = _getState21.wizard;
 	
 	    dispatch({
 	      type: types.SET_WIZARD_SAVED_CREDENTIALS,
@@ -17373,8 +17561,8 @@ module.exports =
 	
 	function setLoadedAdapterSecret(cred, mode) {
 	  return function (dispatch, getState, api) {
-	    var _getState21 = getState(),
-	        wizard = _getState21.wizard;
+	    var _getState22 = getState(),
+	        wizard = _getState22.wizard;
 	
 	    dispatch({
 	      type: types.SET_WIZARD_SAVED_CREDENTIALS,
@@ -17385,8 +17573,8 @@ module.exports =
 	
 	function getCredentialForEnvironment(tenantId, appId, credentialType, envName, mode) {
 	  return function (dispatch, getState, api) {
-	    var _getState22 = getState(),
-	        config = _getState22.config;
+	    var _getState23 = getState(),
+	        config = _getState23.config;
 	
 	    return api.get(tenantId + '/' + appId + '/credentials/' + credentialType + '/' + envName, {
 	      endpoint: config.TRANS_API_URL
@@ -17436,8 +17624,8 @@ module.exports =
 	function callGetBundles(tenantId, accountId, bundlePackGuid) {
 	  if (bundlePackGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState23 = getState(),
-	          config = _getState23.config;
+	      var _getState24 = getState(),
+	          config = _getState24.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/bundle/' + bundlePackGuid, {
 	        endpoint: config.TRANS_API_URL
@@ -17454,8 +17642,8 @@ module.exports =
 	function callGetMapping(tenantId, accountId, mappingGuid) {
 	  if (mappingGuid) {
 	    return function (dispatch, getState, api) {
-	      var _getState24 = getState(),
-	          config = _getState24.config;
+	      var _getState25 = getState(),
+	          config = _getState25.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/schemamappings/' + mappingGuid, {
 	        endpoint: config.TRANS_API_URL
@@ -17476,8 +17664,8 @@ module.exports =
 	      mode: mode
 	    });
 	
-	    var _getState25 = getState(),
-	        config = _getState25.config;
+	    var _getState26 = getState(),
+	        config = _getState26.config;
 	
 	    return api.post(tenantId + '/' + appId + '/environments/' + envId + '/credentials', {
 	      endpoint: config.TRANS_API_URL,
@@ -17491,8 +17679,8 @@ module.exports =
 	
 	function getEnvironments(tenantId, appId) {
 	  return function (dispatch, getState, api) {
-	    var _getState26 = getState(),
-	        config = _getState26.config;
+	    var _getState27 = getState(),
+	        config = _getState27.config;
 	
 	    return api.get(tenantId + '/' + appId + '/environments', {
 	      endpoint: config.TRANS_API_URL
@@ -17512,8 +17700,8 @@ module.exports =
 	
 	function callGetTrigger(transBaseId, envId) {
 	  return function (dispatch, getState, api) {
-	    var _getState27 = getState(),
-	        config = _getState27.config;
+	    var _getState28 = getState(),
+	        config = _getState28.config;
 	
 	    if (transBaseId) {
 	      return api.get('gettriggers/' + transBaseId, {
@@ -20688,7 +20876,7 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(218);
+	__webpack_require__(219);
 	
 	__webpack_require__(178);
 	
@@ -21141,14 +21329,10 @@ module.exports =
 	          change = _props6.change;
 	
 	      var modes = ['source', 'destination'];
-	      //const config = step[`${m}Config`]
-	      //const {credentials} = config
-	      //dont load creds for oauth, since there are none
 	      change('sourceCredentials', { rootUrl: 'https://' });
 	      change('destinationCredentials', { rootUrl: 'https://' });
 	      this.setState({ sourceEnvChecking: true });
 	      this.setState({ destinationEnvChecking: true });
-	      //if(!isOauth){
 	      var wiz = {
 	        source: step.sourceConfig,
 	        destination: step.destinationConfig
@@ -21160,24 +21344,23 @@ module.exports =
 	          if (resIndex === 0 || resIndex === 1) {
 	            // main creds
 	            if (cred && cred.credentialsJson) {
-	              (function () {
-	                var modeCreds = {};
-	                var credentials = wiz[m].credentials;
-	
-	                var isOauth = credentials && credentials.length === 1 && credentials[0] === 'Oauth';
-	                if (isOauth) {
-	                  modeCreds = cred.credentialsJson;
-	                } else {
-	                  modeCreds['rootUrl'] = cred.credentialsJson.rootUrl;
-	                  credentials && credentials.length > 0 && credentials.forEach(function (credType) {
-	                    if (cred.credentialsJson[credType]) {
-	                      modeCreds[credType] = cred.credentialsJson[credType];
-	                    }
-	                  });
-	                }
-	                change(m + 'Credentials', modeCreds);
-	                _this3.check(m, env, modeCreds);
-	              })();
+	              var modeCreds = cred.credentialsJson;
+	              // WHY DID I HAVE THIS?
+	              /*const {credentials} = wiz[m]
+	              const isOauth = credentials && credentials.length===1 && credentials[0]==='Oauth'
+	              const isFlatFile = credentials && credentials.length===1 && credentials[0]==='FlatFile'
+	              if(isOauth || isFlatFile){
+	                modeCreds = cred.credentialsJson
+	              } else {
+	                modeCreds['rootUrl'] = cred.credentialsJson.rootUrl
+	                credentials && credentials.length>0 && credentials.forEach(credType=>{
+	                  if(cred.credentialsJson[credType]){
+	                    modeCreds[credType] = cred.credentialsJson[credType]
+	                  }
+	                })
+	              }*/
+	              change(m + 'Credentials', modeCreds);
+	              _this3.check(m, env, modeCreds);
 	            } else {
 	              _this3.setState(_defineProperty({}, m + 'EnvChecking', false));
 	            }
@@ -21192,17 +21375,28 @@ module.exports =
 	    }
 	  }, {
 	    key: 'setCsvFields',
-	    value: function setCsvFields(metadata, mode, providerType) {
-	      this.props.actions.setCsvFields(metadata, mode, providerType);
+	    value: function setCsvFields(metadata, contents, mode, providerType) {
+	      var _props7 = this.props,
+	          tenantId = _props7.tenantId,
+	          accountId = _props7.accountId,
+	          tenantKey = _props7.tenantKey,
+	          accountKey = _props7.accountKey,
+	          wizard = _props7.wizard,
+	          actions = _props7.actions,
+	          formValues = _props7.formValues;
+	
+	      var meta = wizard[mode + 'Metadata'] || [];
+	      meta = meta.concat(metadata);
+	      return actions.setCsvFields(tenantId, accountId, tenantKey, accountKey, meta, contents, mode, providerType, mode === 'source', formValues['environmentId']);
 	    }
 	  }, {
 	    key: 'createCustomSettings',
 	    value: function createCustomSettings(mode) {
-	      var _props7 = this.props,
-	          wizard = _props7.wizard,
-	          step = _props7.step,
-	          inputs = _props7.inputs,
-	          formValues = _props7.formValues;
+	      var _props8 = this.props,
+	          wizard = _props8.wizard,
+	          step = _props8.step,
+	          inputs = _props8.inputs,
+	          formValues = _props8.formValues;
 	
 	      var config = step[mode + 'Config'];
 	      var customSettings = null;
@@ -21224,16 +21418,16 @@ module.exports =
 	    value: function render() {
 	      var _this4 = this;
 	
-	      var _props8 = this.props,
-	          inputs = _props8.inputs,
-	          step = _props8.step,
-	          handleSubmit = _props8.handleSubmit,
-	          nav = _props8.nav,
-	          reset = _props8.reset,
-	          wizard = _props8.wizard,
-	          formValues = _props8.formValues,
-	          tenantKey = _props8.tenantKey,
-	          accountKey = _props8.accountKey;
+	      var _props9 = this.props,
+	          inputs = _props9.inputs,
+	          step = _props9.step,
+	          handleSubmit = _props9.handleSubmit,
+	          nav = _props9.nav,
+	          reset = _props9.reset,
+	          wizard = _props9.wizard,
+	          formValues = _props9.formValues,
+	          tenantKey = _props9.tenantKey,
+	          accountKey = _props9.accountKey;
 	
 	      var modes = ['source', 'destination'];
 	      var selectedProvider = this.state.selectedProvider;
@@ -21341,11 +21535,14 @@ module.exports =
 	                          return _this4.generateNewAdapterSecret(m);
 	                        },
 	                        seeFields: _this4.seeFields.bind(_this4),
+	                        metadata: wizard[m + 'Metadata'],
 	                        check: function check(actualCreds) {
 	                          return _this4.check(m, null, actualCreds);
 	                        },
 	                        tenantKey: tenantKey, accountKey: accountKey,
-	                        setCsvFields: _this4.setCsvFields.bind(_this4),
+	                        setCsvFields: function setCsvFields(meta, contents, providerType) {
+	                          return _this4.setCsvFields(meta, contents, m, providerType);
+	                        },
 	                        creds: formValues[m + 'Credentials'],
 	                        envCheckResult: wizard[m + 'CheckResult'],
 	                        adapterSecret: adapterSecret,
@@ -24675,7 +24872,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(219);
+	var _redux = __webpack_require__(220);
 	
 	var _reactRedux = __webpack_require__(75);
 	
@@ -30190,10 +30387,16 @@ module.exports =
 /* 218 */
 /***/ function(module, exports) {
 
-	module.exports = require("moment-timezone");
+	module.exports = require("axios");
 
 /***/ },
 /* 219 */
+/***/ function(module, exports) {
+
+	module.exports = require("moment-timezone");
+
+/***/ },
+/* 220 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");