@lingk/sync 2.0.3 → 2.0.5

package/build/credentialSections.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(70);
+	module.exports = __webpack_require__(71);
 
 
 /***/ },
@@ -127,9 +127,9 @@ module.exports =
 	
 	'use strict'
 	
-	var base64 = __webpack_require__(78)
-	var ieee754 = __webpack_require__(99)
-	var isArray = __webpack_require__(100)
+	var base64 = __webpack_require__(79)
+	var ieee754 = __webpack_require__(100)
+	var isArray = __webpack_require__(101)
 	
 	exports.Buffer = Buffer
 	exports.SlowBuffer = SlowBuffer
@@ -1911,17 +1911,7 @@ module.exports =
 
 /***/ },
 /* 29 */,
-/* 30 */,
-/* 31 */,
-/* 32 */,
-/* 33 */,
-/* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -1929,7 +1919,7 @@ module.exports =
 	
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(79));
+	    mod(__webpack_require__(80));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -2873,19 +2863,35 @@ module.exports =
 
 
 /***/ },
+/* 31 */,
+/* 32 */,
+/* 33 */,
+/* 34 */,
+/* 35 */,
+/* 36 */,
+/* 37 */,
+/* 38 */
+/***/ function(module, exports) {
+
+	// removed by extract-text-webpack-plugin
+
+/***/ },
+/* 39 */
+/***/ function(module, exports) {
+
+	module.exports = require("react-codemirror2");
+
+/***/ },
+/* 40 */,
 /* 41 */,
 /* 42 */,
 /* 43 */,
 /* 44 */,
 /* 45 */,
 /* 46 */,
-/* 47 */
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-/* 48 */
+/* 47 */,
+/* 48 */,
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(Buffer) {/* cpexcel.js (C) 2013-present SheetJS -- http://sheetjs.com */
@@ -4396,12 +4402,6 @@ module.exports =
 	
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(28).Buffer))
 
-/***/ },
-/* 49 */
-/***/ function(module, exports) {
-
-	module.exports = require("react-codemirror2");
-
 /***/ },
 /* 50 */
 /***/ function(module, exports) {
@@ -4633,7 +4633,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _clipboard = __webpack_require__(74);
+	var _clipboard = __webpack_require__(75);
 	
 	var _clipboard2 = _interopRequireDefault(_clipboard);
 	
@@ -4779,6 +4779,236 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	__webpack_require__(38);
+	
+	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; }
+	
+	// SKIP ON SERVER-SIDE RENDERING
+	var codemirror = null;
+	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
+	  codemirror = __webpack_require__(39);
+	  __webpack_require__(30);
+	}
+	
+	function unCamelize(text) {
+	  return text.replace(/([A-Z])/g, " $1").replace(/^./, function (str) {
+	    return str.toUpperCase();
+	  });
+	}
+	var Key = function Key(_ref) {
+	  var onClick = _ref.onClick,
+	      showPass = _ref.showPass;
+	
+	  return _react2.default.createElement(
+	    "svg",
+	    {
+	      onClick: onClick,
+	      style: showPass ? { fill: "#3a91dcb3" } : {},
+	      height: "24",
+	      width: "24",
+	      className: "pass-key-svg",
+	      viewBox: "0 0 24 24"
+	    },
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	    _react2.default.createElement("path", { d: "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" })
+	  );
+	};
+	
+	var Loop = function Loop() {
+	  return _react2.default.createElement(
+	    "svg",
+	    {
+	      fill: "#FFFFFF",
+	      height: "18",
+	      viewBox: "0 0 24 24",
+	      width: "18",
+	      style: { marginTop: -1 }
+	    },
+	    _react2.default.createElement("path", { d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z" }),
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
+	  );
+	};
+	
+	var BVA = function (_Component) {
+	  _inherits(BVA, _Component);
+	
+	  function BVA() {
+	    _classCallCheck(this, BVA);
+	
+	    var _this = _possibleConstructorReturn(this, (BVA.__proto__ || Object.getPrototypeOf(BVA)).call(this));
+	
+	    _this.state = {
+	      showPass: false
+	    };
+	    return _this;
+	  }
+	
+	  _createClass(BVA, [{
+	    key: "componentWillMount",
+	    value: function componentWillMount() {
+	      var _props = this.props,
+	          creds = _props.creds,
+	          onChange = _props.onChange;
+	
+	      if (!creds["authenticationType"]) {
+	        onChange({ target: { name: "authenticationType", value: "key" } });
+	      }
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props2 = this.props,
+	          config = _props2.config,
+	          onCheck = _props2.onCheck,
+	          inputs = _props2.inputs,
+	          creds = _props2.creds,
+	          onChange = _props2.onChange,
+	          checking = _props2.checking,
+	          envCheckResult = _props2.envCheckResult,
+	          EnvCheckIcons = _props2.EnvCheckIcons,
+	          onChangeCustomKey = _props2.onChangeCustomKey;
+	
+	
+	      var CodeMirror = codemirror && codemirror.Controlled;
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
+	      var Toggle = inputs.ToggleButtonGroup;
+	      var Spinner = inputs.Spinner;
+	      var bvaToken = {};
+	      var credentials = config && config.credentials.filter(function (o) {
+	        if (creds["authenticationType"] === "key") {
+	          if (o == "refreshToken" || o == "accessToken" || o == "clientId") {
+	            return true;
+	          } else {
+	            return false;
+	          }
+	        }
+	        return true;
+	      });
+	      var passwordIsOptional = credentials.includes("privateKey");
+	
+	      var credsDisabledCheck = credentials.some(function (c) {
+	        return !Object.keys(creds).includes(c.split(" ").join(""));
+	      });
+	
+	      return _react2.default.createElement(
+	        "div",
+	        null,
+	        credentials && _react2.default.createElement(
+	          "div",
+	          { style: { display: "inline-block" } },
+	          _react2.default.createElement(
+	            "div",
+	            { style: { display: "inline-block", marginLeft: 16 } },
+	            _react2.default.createElement(
+	              "div",
+	              { className: "pass-ssh-toggle" },
+	              _react2.default.createElement(Toggle, {
+	                value: creds["authenticationType"],
+	                options: ["key", "OAuth"],
+	                handleToggle: function handleToggle(v) {
+	                  return onChange({
+	                    target: { name: "authenticationType", value: v }
+	                  });
+	                }
+	              })
+	            ),
+	            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),
+	                credType === "refreshToken" || credType === "accessToken" ? _react2.default.createElement(
+	                  "div",
+	                  null,
+	                  _react2.default.createElement(Input, {
+	                    name: credType,
+	                    value: creds.bvaToken && creds.bvaToken[credType] || "",
+	                    disabled: credType == "accessToken" ? true : false,
+	                    onChange: function onChange(e) {
+	                      return onChangeCustomKey(e, credType, bvaToken);
+	                    }
+	                  })
+	                ) : _react2.default.createElement(Input, {
+	                  name: credType,
+	                  datatype: credType === "password" && !_this2.state.showPass ? "password" : null,
+	                  disabled: credType == "accessToken" ? true : false,
+	                  value: creds[credType] || "",
+	                  onChange: onChange
+	                })
+	              );
+	            }),
+	            creds["authenticationType"] != "key" && _react2.default.createElement(
+	              Button,
+	              {
+	                type: "brand",
+	                style: {
+	                  height: 30,
+	                  lineHeight: "10px",
+	                  marginTop: -1,
+	                  position: "absolute",
+	                  top: 120,
+	                  left: 450
+	                },
+	                disabled: true
+	              },
+	              _react2.default.createElement(
+	                "span",
+	                {
+	                  style: {
+	                    display: "inline-block",
+	                    verticalAlign: "top",
+	                    marginTop: 3
+	                  }
+	                },
+	                "Login"
+	              ),
+	              "\xA0\xA0"
+	            )
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return BVA;
+	}(_react.Component);
+	
+	exports.default = BVA;
+
+/***/ },
+/* 68 */
+/***/ 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"); } }
@@ -5085,7 +5315,7 @@ module.exports =
 	exports.default = DocuSign;
 
 /***/ },
-/* 68 */
+/* 69 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5106,11 +5336,11 @@ module.exports =
 	
 	var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
 	
-	var _papaparse = __webpack_require__(109);
+	var _papaparse = __webpack_require__(110);
 	
 	var _papaparse2 = _interopRequireDefault(_papaparse);
 	
-	var _xlsx = __webpack_require__(108);
+	var _xlsx = __webpack_require__(109);
 	
 	var _xlsx2 = _interopRequireDefault(_xlsx);
 	
@@ -5626,7 +5856,7 @@ module.exports =
 	exports.default = FlatFile;
 
 /***/ },
-/* 69 */
+/* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5641,7 +5871,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(47);
+	__webpack_require__(38);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -5654,8 +5884,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
-	  codemirror = __webpack_require__(49);
-	  __webpack_require__(40);
+	  codemirror = __webpack_require__(39);
+	  __webpack_require__(30);
 	}
 	
 	function unCamelize(text) {
@@ -5826,10 +6056,10 @@ module.exports =
 	exports.default = Google;
 
 /***/ },
-/* 70 */
+/* 71 */
 /***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
+	"use strict";
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -5841,11 +6071,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _flatfile = __webpack_require__(68);
+	var _flatfile = __webpack_require__(69);
 	
 	var _flatfile2 = _interopRequireDefault(_flatfile);
 	
-	var _google = __webpack_require__(69);
+	var _google = __webpack_require__(70);
 	
 	var _google2 = _interopRequireDefault(_google);
 	
@@ -5853,22 +6083,26 @@ module.exports =
 	
 	var _adaptersecret2 = _interopRequireDefault(_adaptersecret);
 	
-	var _websocket = __webpack_require__(73);
+	var _websocket = __webpack_require__(74);
 	
 	var _websocket2 = _interopRequireDefault(_websocket);
 	
-	var _oauth = __webpack_require__(71);
+	var _oauth = __webpack_require__(72);
 	
 	var _oauth2 = _interopRequireDefault(_oauth);
 	
-	var _sftp = __webpack_require__(72);
+	var _sftp = __webpack_require__(73);
 	
 	var _sftp2 = _interopRequireDefault(_sftp);
 	
-	var _docuSign = __webpack_require__(67);
+	var _docuSign = __webpack_require__(68);
 	
 	var _docuSign2 = _interopRequireDefault(_docuSign);
 	
+	var _bva = __webpack_require__(67);
+	
+	var _bva2 = _interopRequireDefault(_bva);
+	
 	var _reactBootstrap = __webpack_require__(3);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -5882,7 +6116,7 @@ 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 unCamelize(text) {
-	  return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	  return text.replace(/([A-Z])/g, " $1").replace(/^./, function (str) {
 	    return str.toUpperCase();
 	  });
 	}
@@ -5900,7 +6134,7 @@ module.exports =
 	          checking = _this$props.checking,
 	          check = _this$props.check;
 	
-	      if (e.key === 'Enter' && checking !== true) {
+	      if (e.key === "Enter" && checking !== true) {
 	        check(_this.state.actualCreds || {});
 	      }
 	    };
@@ -5911,6 +6145,15 @@ module.exports =
 	      });
 	    };
 	
+	    _this.onChangeCustomKey = function (e, key, parentDict) {
+	      parentDict[key] = e.target.value;
+	      _this.setState({
+	        actualCreds: Object.assign({}, _this.state.actualCreds, {
+	          bvaToken: parentDict
+	        })
+	      });
+	    };
+	
 	    _this.state = {
 	      actualCreds: {},
 	      showPass: false,
@@ -5920,32 +6163,43 @@ module.exports =
 	  }
 	
 	  _createClass(EnvSection, [{
-	    key: 'componentWillMount',
+	    key: "componentWillMount",
 	    value: function componentWillMount() {
 	      var _props = this.props,
 	          creds = _props.creds,
 	          config = _props.config;
 	
-	      if (config.type === 'SFTP') {
-	        this.setState({ actualCreds: Object.assign({}, creds, {
-	            filePattern: '*.*'
-	          }) });
-	      } else if (config.type === 'LingkWebSocket') {
-	        this.setState({ actualCreds: Object.assign({}, creds, {
-	            rootUrl: creds.rootUrl || 'wss://'
-	          }) });
+	      if (config.type === "SFTP") {
+	        this.setState({
+	          actualCreds: Object.assign({}, creds, {
+	            filePattern: "*.*"
+	          })
+	        });
+	      } else if (config.type === "LingkWebSocket") {
+	        this.setState({
+	          actualCreds: Object.assign({}, creds, {
+	            rootUrl: creds.rootUrl || "wss://"
+	          })
+	        });
+	      } else if (config.type === "BrightSpaceValenceApi") {
+	        this.setState({
+	          actualCreds: Object.assign({}, creds, {
+	            authenticationType: "key"
+	          })
+	        });
 	      } else {
-	        this.setState({ actualCreds: Object.assign({}, creds, {
-	            rootUrl: creds.rootUrl || 'https://'
-	          }) });
+	        this.setState({
+	          actualCreds: Object.assign({}, creds, {
+	            rootUrl: creds.rootUrl || "https://"
+	          })
+	        });
 	      }
 	    }
 	  }, {
-	    key: 'componentWillReceiveProps',
+	    key: "componentWillReceiveProps",
 	    value: function componentWillReceiveProps(newProps) {
 	      var actualCreds = this.state.actualCreds;
 	
-	
 	      if (!newProps.creds.credentialType && newProps.config.type === "SFTP") {
 	        // prevent sftp default credentialType removal
 	        if (actualCreds.credentialType) {
@@ -5954,17 +6208,25 @@ module.exports =
 	          newProps.creds.credentialType = "password";
 	        }
 	      }
+	      if (!newProps.creds.authenticationType && newProps.config.type === "BrightSpaceValenceApi") {
+	        // prevent brightspace default authenticationType removal
+	        if (actualCreds.credentialType) {
+	          newProps.creds.authenticationType = actualCreds.authenticationType;
+	        } else {
+	          newProps.creds.authenticationType = "key";
+	        }
+	      }
 	      if (JSON.stringify(this.state.actualCreds) !== JSON.stringify(newProps.creds)) {
 	        this.setState({ actualCreds: newProps.creds });
 	      }
 	    }
 	  }, {
-	    key: 'saveCreds',
+	    key: "saveCreds",
 	    value: function saveCreds() {
 	      this.props.postCredentials(this.state.actualCreds);
 	    }
 	  }, {
-	    key: 'render',
+	    key: "render",
 	    value: function render() {
 	      var _this2 = this;
 	
@@ -6001,189 +6263,294 @@ module.exports =
 	      var providerType = config && config.type;
 	      var creds = this.state.actualCreds;
 	      var hasEndpoint = creds && creds.rootUrl && creds.rootUrl.length > 8;
-	      var isOauth = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'Oauth';
+	      var isOauth = config.credentials && config.credentials.length === 1 && config.credentials[0] === "Oauth";
 	
-	      var isFlatFile = config.type === 'LocalFile';
+	      var isFlatFile = config.type === "LocalFile";
+	      var isBVA = config.type === "BrightSpaceValenceApi";
 	
-	      var isGoogle = config.type.startsWith('Google');
+	      var isGoogle = config.type.startsWith("Google");
 	
-	      var isAdapter = config && (config.metadataEndpoint === 'testconnection' || config.metadataEndpoint === 'adaptermetadata');
+	      var isAdapter = config && (config.metadataEndpoint === "testconnection" || config.metadataEndpoint === "adaptermetadata");
 	
-	      var isWebSocket = config.type === 'LingkWebSocket';
-	      var isAWS = config.type.startsWith('AWS');
+	      var isWebSocket = config.type === "LingkWebSocket";
+	      var isAWS = config.type.startsWith("AWS");
 	
-	      var isSFTP = config.type === 'SFTP';
+	      var isSFTP = config.type === "SFTP";
 	
-	      var isDocuSign = config.type === 'DocuSign';
+	      var isDocuSign = config.type === "DocuSign";
 	      var noRootUrl = isSFTP || isAWS;
 	      var credsDisabledCheck = config && config.credentials && config.credentials.some(function (c) {
 	        var formCreds = creds;
-	        return !Object.keys(formCreds).includes(c.split(' ').join(''));
+	        return !Object.keys(formCreds).includes(c.split(" ").join(""));
 	      });
 	
-	      var AmazonRDSdbs = [{ name: 'PostgreSQL', satisfiesSearch: true, type: 'PostgreSQL', title: 'PostgreSQL' }, { name: 'MySQL', satisfiesSearch: true, type: 'MySQL', title: 'MySQL' }];
+	      var AmazonRDSdbs = [{
+	        name: "PostgreSQL",
+	        satisfiesSearch: true,
+	        type: "PostgreSQL",
+	        title: "PostgreSQL"
+	      }, { name: "MySQL", satisfiesSearch: true, type: "MySQL", title: "MySQL" }];
 	
 	      return _react2.default.createElement(
-	        'div',
-	        { className: 'env-section-body' },
+	        "div",
+	        { className: "env-section-body" },
 	        config.message && !isGoogle ? _react2.default.createElement(
-	          'p',
+	          "p",
 	          { style: { marginBottom: 16 } },
 	          config.message
-	        ) : _react2.default.createElement('div', null),
-	        isOauth ? _react2.default.createElement(_oauth2.default, { wizard: wizard, onCheck: check, change: change,
-	          creds: this.props.creds, providerType: providerType,
+	        ) : _react2.default.createElement("div", null),
+	        isOauth ? _react2.default.createElement(_oauth2.default, {
+	          wizard: wizard,
+	          onCheck: check,
+	          change: change,
+	          creds: this.props.creds,
+	          providerType: providerType,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
 	            return getOauthUrl(urlType, providerType);
 	          },
-	          checkOauthCreds: checkOauthCreds, envCheckResult: envCheckResult,
-	          checking: checking, inputs: inputs, formValues: formValues,
+	          checkOauthCreds: checkOauthCreds,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
+	          inputs: inputs,
+	          formValues: formValues,
 	          isWiz: _react2.default.Children.count(this.props.children) > 0,
 	          EnvCheckIcons: EnvCheckIcons
-	        }) : isDocuSign ? _react2.default.createElement(_docuSign2.default, { inputs: inputs, config: config, creds: creds, onChange: this.onChange,
+	        }) : isDocuSign ? _react2.default.createElement(_docuSign2.default, {
+	          inputs: inputs,
+	          config: config,
+	          creds: creds,
+	          onChange: this.onChange,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
 	            return getDocuSignOauthUrl(urlType);
-	          }, checkOauthCreds: checkOauthCreds,
-	          wizard: wizard, providerType: providerType, EnvCheckIcons: EnvCheckIcons,
-	          envCheckResult: envCheckResult, checking: checking, formValues: formValues,
-	          onCheck: check }) : isFlatFile ? _react2.default.createElement(_flatfile2.default, { wizard: wizard, onCheck: check, fileSchema: fileSchema,
-	          checking: checking, setCsvFields: setCsvFields,
-	          providerType: providerType, inputs: inputs,
-	          accountKey: accountKey, tenantKey: tenantKey,
-	          onDrop: clearCsvFields, downloadFileFromAws: downloadFileFromAws,
+	          },
+	          checkOauthCreds: checkOauthCreds,
+	          wizard: wizard,
+	          providerType: providerType,
+	          EnvCheckIcons: EnvCheckIcons,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
+	          formValues: formValues,
+	          onCheck: check
+	        }) : isFlatFile ? _react2.default.createElement(_flatfile2.default, {
+	          wizard: wizard,
+	          onCheck: check,
+	          fileSchema: fileSchema,
+	          checking: checking,
+	          setCsvFields: setCsvFields,
+	          providerType: providerType,
+	          inputs: inputs,
+	          accountKey: accountKey,
+	          tenantKey: tenantKey,
+	          onDrop: clearCsvFields,
+	          downloadFileFromAws: downloadFileFromAws,
 	          deleteFlatFile: deleteFlatFile
-	        }) : isGoogle ? _react2.default.createElement(_google2.default, { config: config, creds: creds, onChange: this.onChange,
-	          credsDisabledCheck: credsDisabledCheck, inputs: inputs,
-	          onCheck: check, envCheckResult: envCheckResult, checking: checking,
+	        }) : isBVA ? _react2.default.createElement(_bva2.default, {
+	          config: config,
+	          creds: creds,
+	          onChange: this.onChange,
+	          credsDisabledCheck: credsDisabledCheck,
+	          inputs: inputs,
+	          onCheck: check,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
+	          EnvCheckIcons: EnvCheckIcons,
+	          onChangeCustomKey: this.onChangeCustomKey
+	        }) : isGoogle ? _react2.default.createElement(_google2.default, {
+	          config: config,
+	          creds: creds,
+	          onChange: this.onChange,
+	          credsDisabledCheck: credsDisabledCheck,
+	          inputs: inputs,
+	          onCheck: check,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
 	          EnvCheckIcons: EnvCheckIcons
-	        }) : isSFTP ? _react2.default.createElement(_sftp2.default, { config: config, creds: creds, onChange: this.onChange,
-	          credsDisabledCheck: credsDisabledCheck, inputs: inputs,
-	          onCheck: check, envCheckResult: envCheckResult, checking: checking,
+	        }) : isSFTP ? _react2.default.createElement(_sftp2.default, {
+	          config: config,
+	          creds: creds,
+	          onChange: this.onChange,
+	          credsDisabledCheck: credsDisabledCheck,
+	          inputs: inputs,
+	          onCheck: check,
+	          envCheckResult: envCheckResult,
+	          checking: checking,
 	          EnvCheckIcons: EnvCheckIcons
-	        }) : isWebSocket ? _react2.default.createElement(_websocket2.default, { wizard: wizard, creds: creds, onChange: this.onChange, checking: checking, gencerts: gencerts,
-	          credsDisabledCheck: credsDisabledCheck, inputs: inputs, credKeyPress: this.credKeyPress,
-	          onCheck: check, actualCreds: this.state.actualCreds, envCheckResult: envCheckResult,
-	          downloadcerts: downloadcerts }) : _react2.default.createElement(
-	          'div',
+	        }) : isWebSocket ? _react2.default.createElement(_websocket2.default, {
+	          wizard: wizard,
+	          creds: creds,
+	          onChange: this.onChange,
+	          checking: checking,
+	          gencerts: gencerts,
+	          credsDisabledCheck: credsDisabledCheck,
+	          inputs: inputs,
+	          credKeyPress: this.credKeyPress,
+	          onCheck: check,
+	          actualCreds: this.state.actualCreds,
+	          envCheckResult: envCheckResult,
+	          downloadcerts: downloadcerts
+	        }) : _react2.default.createElement(
+	          "div",
 	          null,
 	          !noRootUrl && _react2.default.createElement(
-	            'div',
+	            "div",
 	            { style: { marginLeft: 16 } },
 	            _react2.default.createElement(
-	              'div',
+	              "div",
 	              null,
 	              _react2.default.createElement(
-	                'div',
-	                { style: { display: 'inline-block', width: 300 } },
+	                "div",
+	                { style: { display: "inline-block", width: 300 } },
 	                _react2.default.createElement(
-	                  'label',
-	                  { htmlFor: 'rootUrl', className: 'labelz' },
-	                  'Data Source Endpoint'
+	                  "label",
+	                  { htmlFor: "rootUrl", className: "labelz" },
+	                  "Data Source Endpoint"
 	                ),
-	                _react2.default.createElement(Input, { name: 'rootUrl',
+	                _react2.default.createElement(Input, {
+	                  name: "rootUrl",
 	                  onKeyPress: this.credKeyPress,
-	                  value: this.state.actualCreds.rootUrl || '',
-	                  onChange: this.onChange })
+	                  value: this.state.actualCreds.rootUrl || "",
+	                  onChange: this.onChange
+	                })
 	              ),
 	              _react2.default.createElement(
 	                Button,
 	                {
-	                  type: 'brand',
+	                  type: "brand",
 	                  onClick: function onClick() {
 	                    return check(_this2.state.actualCreds);
 	                  },
-	                  style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px', marginTop: -1 },
-	                  disabled: !hasEndpoint || credsDisabledCheck },
+	                  style: {
+	                    marginLeft: 8,
+	                    marginBottom: 2,
+	                    height: 30,
+	                    lineHeight: "10px",
+	                    marginTop: -1
+	                  },
+	                  disabled: !hasEndpoint || credsDisabledCheck
+	                },
 	                _react2.default.createElement(
-	                  'span',
-	                  { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                  'Test Connection'
+	                  "span",
+	                  {
+	                    style: {
+	                      display: "inline-block",
+	                      verticalAlign: "top",
+	                      marginTop: 3
+	                    }
+	                  },
+	                  "Test Connection"
 	                ),
-	                '\xA0\xA0',
+	                "\xA0\xA0",
 	                _react2.default.createElement(Loop, null)
 	              ),
 	              _react2.default.createElement(
-	                'div',
-	                { style: { display: 'inline-block', marginLeft: 12 } },
+	                "div",
+	                { style: { display: "inline-block", marginLeft: 12 } },
 	                checking && _react2.default.createElement(Spinner, null),
 	                envCheckResult && _react2.default.createElement(
-	                  'span',
+	                  "span",
 	                  null,
 	                  envCheckResult,
-	                  ' ',
+	                  " ",
 	                  _react2.default.createElement(EnvCheckIcons, { result: envCheckResult }),
-	                  ' '
+	                  " "
 	                )
 	              )
 	            )
 	          ),
 	          config.credentials && _react2.default.createElement(
-	            'div',
+	            "div",
 	            { style: { marginLeft: !noRootUrl ? 16 : 0 } },
 	            !noRootUrl && _react2.default.createElement(
-	              'div',
+	              "div",
 	              null,
-	              _react2.default.createElement('br', null),
+	              _react2.default.createElement("br", null),
 	              _react2.default.createElement(
-	                'label',
-	                { htmlFor: 'creds' },
+	                "label",
+	                { htmlFor: "creds" },
 	                config.label || providerType,
-	                ' Credentials'
+	                " Credentials"
 	              ),
-	              _react2.default.createElement('br', null)
+	              _react2.default.createElement("br", null)
 	            ),
 	            _react2.default.createElement(
-	              'div',
-	              { style: { display: 'inline-block', marginLeft: 16 } },
+	              "div",
+	              { style: { display: "inline-block", marginLeft: 16 } },
 	              config.credentials.map(function (credType, index) {
 	                return _react2.default.createElement(
-	                  'div',
+	                  "div",
 	                  { key: index, style: { marginTop: 8 } },
 	                  _react2.default.createElement(
-	                    'label',
-	                    { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
+	                    "label",
+	                    {
+	                      htmlFor: credType,
+	                      className: "labelz",
+	                      style: { fontWeight: "normal" }
+	                    },
 	                    unCamelize(credType)
 	                  ),
-	                  _react2.default.createElement('br', null),
-	                  credType === 'databaseType' ? _react2.default.createElement(Select, { vals: AmazonRDSdbs, fieldPropLabel: 'name',
-	                    label: creds[credType] || 'Database Types',
+	                  _react2.default.createElement("br", null),
+	                  credType === "databaseType" ? _react2.default.createElement(Select, {
+	                    vals: AmazonRDSdbs,
+	                    fieldPropLabel: "name",
+	                    label: creds[credType] || "Database Types",
 	                    onSelect: function onSelect(v) {
-	                      return _this2.onChange({ target: { name: credType, value: v } });
+	                      return _this2.onChange({
+	                        target: { name: credType, value: v }
+	                      });
 	                    },
-	                    size: 'small', style: { width: 160, height: 31, textAlign: 'left' }
-	                  }) : _react2.default.createElement(Input, { name: credType, onKeyPress: _this2.credKeyPress,
-	                    datatype: credType === 'password' && !_this2.state.showPass ? 'password' : null,
-	                    value: _this2.state.actualCreds[credType] || '',
-	                    onChange: _this2.onChange }),
+	                    size: "small",
+	                    style: { width: 160, height: 31, textAlign: "left" }
+	                  }) : _react2.default.createElement(Input, {
+	                    name: credType,
+	                    onKeyPress: _this2.credKeyPress,
+	                    datatype: credType === "password" && !_this2.state.showPass ? "password" : null,
+	                    value: _this2.state.actualCreds[credType] || "",
+	                    onChange: _this2.onChange
+	                  }),
 	                  index === 0 && noRootUrl && _react2.default.createElement(
 	                    Button,
-	                    { type: 'brand',
+	                    {
+	                      type: "brand",
 	                      onClick: function onClick() {
 	                        return check(_this2.state.actualCreds);
 	                      },
-	                      style: { marginLeft: 8, marginBottom: 4, height: 30, lineHeight: '10px', marginTop: -1 },
-	                      disabled: credsDisabledCheck },
+	                      style: {
+	                        marginLeft: 8,
+	                        marginBottom: 4,
+	                        height: 30,
+	                        lineHeight: "10px",
+	                        marginTop: -1
+	                      },
+	                      disabled: credsDisabledCheck
+	                    },
 	                    _react2.default.createElement(
-	                      'span',
-	                      { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                      'Test Connection'
+	                      "span",
+	                      {
+	                        style: {
+	                          display: "inline-block",
+	                          verticalAlign: "top",
+	                          marginTop: 3
+	                        }
+	                      },
+	                      "Test Connection"
 	                    ),
-	                    '\xA0\xA0',
+	                    "\xA0\xA0",
 	                    _react2.default.createElement(Loop, null)
 	                  ),
 	                  index === 0 && noRootUrl && checking && _react2.default.createElement(
-	                    'span',
+	                    "span",
 	                    { style: { marginLeft: 10 } },
 	                    _react2.default.createElement(Spinner, null)
 	                  ),
 	                  index === 0 && noRootUrl && envCheckResult && _react2.default.createElement(
-	                    'span',
+	                    "span",
 	                    { style: { marginLeft: 10 } },
 	                    envCheckResult,
-	                    ' ',
+	                    " ",
 	                    _react2.default.createElement(EnvCheckIcons, { result: envCheckResult })
 	                  ),
-	                  credType === 'password' && _react2.default.createElement(Key, { showPass: _this2.state.showPass,
+	                  credType === "password" && _react2.default.createElement(Key, {
+	                    showPass: _this2.state.showPass,
 	                    onClick: function onClick() {
 	                      return _this2.setState({ showPass: !_this2.state.showPass });
 	                    }
@@ -6192,17 +6559,21 @@ module.exports =
 	              })
 	            )
 	          ),
-	          isAdapter && _react2.default.createElement(_adaptersecret2.default, { inputs: inputs,
-	            providerType: providerType, secret: adapterSecret,
+	          isAdapter && _react2.default.createElement(_adaptersecret2.default, {
+	            inputs: inputs,
+	            providerType: providerType,
+	            secret: adapterSecret,
 	            generateNewAdapterSecret: generateNewAdapterSecret,
-	            tenantKey: tenantKey, accountKey: accountKey })
+	            tenantKey: tenantKey,
+	            accountKey: accountKey
+	          })
 	        ),
 	        _react2.default.createElement(
-	          'span',
+	          "span",
 	          null,
 	          this.props.children
 	        ),
-	        _react2.default.createElement('br', null),
+	        _react2.default.createElement("br", null),
 	        config.type != "LocalFile" && _react2.default.createElement(APIAcessHandle, {
 	          APIAccess: wizard.APIAccess,
 	          onChangeHandle: onAPIAccessChange
@@ -6222,21 +6593,32 @@ module.exports =
 	      showPass = _ref.showPass;
 	
 	  return _react2.default.createElement(
-	    'svg',
-	    { onClick: onClick, style: showPass ? { fill: '#3a91dcb3' } : {},
-	      height: '24', width: '24', className: 'pass-key-svg', viewBox: '0 0 24 24' },
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	    _react2.default.createElement('path', { d: 'M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' })
+	    "svg",
+	    {
+	      onClick: onClick,
+	      style: showPass ? { fill: "#3a91dcb3" } : {},
+	      height: "24",
+	      width: "24",
+	      className: "pass-key-svg",
+	      viewBox: "0 0 24 24"
+	    },
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	    _react2.default.createElement("path", { d: "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" })
 	  );
 	};
 	
 	var Loop = function Loop() {
 	  return _react2.default.createElement(
-	    'svg',
-	    { fill: '#FFFFFF', height: '18', viewBox: '0 0 24 24', width: '18',
-	      style: { marginTop: -1 } },
-	    _react2.default.createElement('path', { d: 'M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z' }),
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	    "svg",
+	    {
+	      fill: "#FFFFFF",
+	      height: "18",
+	      viewBox: "0 0 24 24",
+	      width: "18",
+	      style: { marginTop: -1 }
+	    },
+	    _react2.default.createElement("path", { d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z" }),
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
 	  );
 	};
 	
@@ -6244,23 +6626,23 @@ module.exports =
 	  var result = _ref2.result;
 	
 	  return _react2.default.createElement(
-	    'span',
-	    { style: { display: 'inline-block' } },
+	    "span",
+	    { style: { display: "inline-block" } },
 	    result ? _react2.default.createElement(
-	      'span',
-	      { style: { verticalAlign: 'middle' } },
-	      result === '200 OK' ? _react2.default.createElement(
-	        'svg',
-	        { fill: '#019644', height: '24', viewBox: '0 0 24 24', width: '24' },
-	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	        _react2.default.createElement('path', { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' })
+	      "span",
+	      { style: { verticalAlign: "middle" } },
+	      result === "200 OK" ? _react2.default.createElement(
+	        "svg",
+	        { fill: "#019644", height: "24", viewBox: "0 0 24 24", width: "24" },
+	        _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	        _react2.default.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
 	      ) : _react2.default.createElement(
-	        'svg',
-	        { fill: '#EA5A5A', height: '24', viewBox: '0 0 24 24', width: '24' },
-	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	        _react2.default.createElement('path', { d: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z' })
+	        "svg",
+	        { fill: "#EA5A5A", height: "24", viewBox: "0 0 24 24", width: "24" },
+	        _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	        _react2.default.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })
 	      )
-	    ) : _react2.default.createElement('span', null)
+	    ) : _react2.default.createElement("span", null)
 	  );
 	};
 	
@@ -6270,16 +6652,13 @@ module.exports =
 	
 	  return _react2.default.createElement(
 	    _reactBootstrap.Checkbox,
-	    {
-	      checked: APIAccess,
-	      onChange: onChangeHandle
-	    },
-	    'Make these credentials available via API'
+	    { checked: APIAccess, onChange: onChangeHandle },
+	    "Make these credentials available via API"
 	  );
 	};
 
 /***/ },
-/* 71 */
+/* 72 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6561,10 +6940,10 @@ module.exports =
 	exports.default = Oauth;
 
 /***/ },
-/* 72 */
+/* 73 */
 /***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
+	"use strict";
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -6576,7 +6955,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	__webpack_require__(47);
+	__webpack_require__(38);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -6588,13 +6967,13 @@ module.exports =
 	
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
-	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
-	  codemirror = __webpack_require__(49);
-	  __webpack_require__(40);
+	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
+	  codemirror = __webpack_require__(39);
+	  __webpack_require__(30);
 	}
 	
 	function unCamelize(text) {
-	  return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	  return text.replace(/([A-Z])/g, " $1").replace(/^./, function (str) {
 	    return str.toUpperCase();
 	  });
 	}
@@ -6604,21 +6983,32 @@ module.exports =
 	      showPass = _ref.showPass;
 	
 	  return _react2.default.createElement(
-	    'svg',
-	    { onClick: onClick, style: showPass ? { fill: '#3a91dcb3' } : {},
-	      height: '24', width: '24', className: 'pass-key-svg', viewBox: '0 0 24 24' },
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	    _react2.default.createElement('path', { d: 'M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' })
+	    "svg",
+	    {
+	      onClick: onClick,
+	      style: showPass ? { fill: "#3a91dcb3" } : {},
+	      height: "24",
+	      width: "24",
+	      className: "pass-key-svg",
+	      viewBox: "0 0 24 24"
+	    },
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	    _react2.default.createElement("path", { d: "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" })
 	  );
 	};
 	
 	var Loop = function Loop() {
 	  return _react2.default.createElement(
-	    'svg',
-	    { fill: '#FFFFFF', height: '18', viewBox: '0 0 24 24', width: '18',
-	      style: { marginTop: -1 } },
-	    _react2.default.createElement('path', { d: 'M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z' }),
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	    "svg",
+	    {
+	      fill: "#FFFFFF",
+	      height: "18",
+	      viewBox: "0 0 24 24",
+	      width: "18",
+	      style: { marginTop: -1 }
+	    },
+	    _react2.default.createElement("path", { d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z" }),
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
 	  );
 	};
 	
@@ -6633,30 +7023,30 @@ module.exports =
 	    _this.handleToggle = function (value) {
 	      var credentialType = _this.state.credentialType;
 	
-	      var toggle = credentialType === 'password' ? 'ssh-key' : 'password';
+	      var toggle = credentialType === "password" ? "ssh-key" : "password";
 	      _this.setState({ credentialType: toggle });
 	    };
 	
 	    _this.state = {
-	      credentialType: 'password', // password or ssh-key
+	      credentialType: "password", // password or ssh-key
 	      showPass: false
 	    };
 	    return _this;
 	  }
 	
 	  _createClass(SFTP, [{
-	    key: 'componentDidMount',
+	    key: "componentDidMount",
 	    value: function componentDidMount() {
 	      var _props = this.props,
 	          creds = _props.creds,
 	          onChange = _props.onChange;
 	
 	      if (!creds["credentialType"]) {
-	        onChange({ target: { name: 'credentialType', value: 'password' } });
+	        onChange({ target: { name: "credentialType", value: "password" } });
 	      }
 	    }
 	  }, {
-	    key: 'render',
+	    key: "render",
 	    value: function render() {
 	      var _this2 = this;
 	
@@ -6673,119 +7063,146 @@ module.exports =
 	
 	
 	      var CodeMirror = codemirror && codemirror.Controlled;
-	
 	      var Button = inputs.Button;
 	      var Input = inputs.Input;
 	      var Toggle = inputs.ToggleButtonGroup;
 	      var Spinner = inputs.Spinner;
-	
 	      var credentials = config && config.credentials.filter(function (o) {
-	        if (o === 'privateKey') {
-	          var i = o;
-	          if (o === 'privateKey') {
-	            i = 'ssh-key';
-	          }
-	
-	          if (creds["credentialType"] === i) {
+	        if (o === "privateKey") {
+	          var i = "ssh-key";
+	          var j = "two-Factor Auth";
+	          if (creds["credentialType"] === i || creds["credentialType"] === j) {
 	            return true;
 	          } else {
 	            return false;
 	          }
 	        }
-	
+	        if (o === "password") {
+	          var _i = "ssh-key";
+	          if (creds["credentialType"] === _i) {
+	            return false;
+	          } else {
+	            return true;
+	          }
+	        }
 	        return true;
 	      });
 	
-	      //
-	
-	      var passwordIsOptional = credentials.includes('privateKey');
+	      var passwordIsOptional = credentials.includes("privateKey");
 	
 	      var credsDisabledCheck = credentials.some(function (c) {
-	        return !Object.keys(creds).includes(c.split(' ').join(''));
+	        return !Object.keys(creds).includes(c.split(" ").join(""));
 	      });
 	
 	      return _react2.default.createElement(
-	        'div',
+	        "div",
 	        null,
 	        credentials && _react2.default.createElement(
-	          'div',
-	          { style: { display: 'inline-block' } },
+	          "div",
+	          { style: { display: "inline-block" } },
 	          _react2.default.createElement(
-	            'div',
-	            { style: { marginLeft: 15, marginTop: 40, float: 'right' } },
+	            "div",
+	            { style: { marginLeft: 15, marginTop: 40, float: "right" } },
 	            checking && _react2.default.createElement(Spinner, null),
 	            envCheckResult && _react2.default.createElement(
-	              'span',
+	              "span",
 	              null,
 	              envCheckResult,
-	              ' ',
+	              " ",
 	              _react2.default.createElement(EnvCheckIcons, { result: envCheckResult }),
-	              ' '
+	              " "
 	            )
 	          ),
 	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block', marginLeft: 16 } },
+	            "div",
+	            { style: { display: "inline-block", marginLeft: 16 } },
 	            _react2.default.createElement(
-	              'div',
-	              { className: 'pass-ssh-toggle' },
+	              "div",
+	              { className: "pass-ssh-toggle" },
 	              _react2.default.createElement(Toggle, {
 	                value: creds["credentialType"],
-	                options: ['password', 'ssh-key'],
+	                options: ["password", "ssh-key", "two-Factor Auth"],
 	                handleToggle: function handleToggle(v) {
-	                  return onChange({ target: { name: 'credentialType', value: v } });
+	                  return onChange({ target: { name: "credentialType", value: v } });
 	                }
 	              })
 	            ),
 	            credentials.map(function (credType, index) {
 	              return _react2.default.createElement(
-	                'div',
+	                "div",
 	                { key: index, style: { marginTop: 8 } },
-	                credType === 'privateKey' ? _react2.default.createElement(
-	                  'label',
-	                  { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
-	                  'SSH Key'
+	                credType === "privateKey" ? _react2.default.createElement(
+	                  "label",
+	                  {
+	                    htmlFor: credType,
+	                    className: "labelz",
+	                    style: { fontWeight: "normal" }
+	                  },
+	                  "SSH Key"
 	                ) : _react2.default.createElement(
-	                  'label',
-	                  { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
+	                  "label",
+	                  {
+	                    htmlFor: credType,
+	                    className: "labelz",
+	                    style: { fontWeight: "normal" }
+	                  },
 	                  unCamelize(credType)
 	                ),
-	                _react2.default.createElement('br', null),
-	                credType === 'privateKey' ? _react2.default.createElement(
-	                  'div',
+	                _react2.default.createElement("br", null),
+	                credType === "privateKey" ? _react2.default.createElement(
+	                  "div",
 	                  null,
-	                  _react2.default.createElement(CodeMirror, { value: creds[credType],
-	                    className: 'env-creds-json-codemirror-sftp',
+	                  _react2.default.createElement(CodeMirror, {
+	                    value: creds[credType],
+	                    className: "env-creds-json-codemirror-sftp",
 	                    options: {
 	                      lineNumbers: true,
-	                      theme: 'default',
-	                      mode: 'javascript',
+	                      theme: "default",
+	                      mode: "javascript",
 	                      dragDrop: true
 	                    },
 	                    onBeforeChange: function onBeforeChange(e, d, v) {
 	                      return onChange({ target: { name: credType, value: v } });
-	                    } })
-	                ) : _react2.default.createElement(Input, { name: credType,
-	                  datatype: credType === 'password' && !_this2.state.showPass ? 'password' : null,
-	                  value: creds[credType] || '',
-	                  onChange: onChange }),
+	                    }
+	                  })
+	                ) : _react2.default.createElement(Input, {
+	                  name: credType,
+	                  datatype: credType === "password" && !_this2.state.showPass ? "password" : null,
+	                  value: creds[credType] || "",
+	                  onChange: onChange
+	                }),
 	                index === 0 && _react2.default.createElement(
 	                  Button,
-	                  { type: 'brand',
+	                  {
+	                    type: "brand",
 	                    onClick: function onClick() {
 	                      return onCheck(creds);
 	                    },
-	                    style: { marginLeft: 8, marginBottom: 4, height: 30, lineHeight: '10px', marginTop: -1 },
-	                    disabled: credsDisabledCheck },
+	                    style: {
+	                      marginLeft: 8,
+	                      marginBottom: 4,
+	                      height: 30,
+	                      lineHeight: "10px",
+	                      marginTop: -1
+	                    },
+	                    disabled: credsDisabledCheck
+	                  },
 	                  _react2.default.createElement(
-	                    'span',
-	                    { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                    'Test Connection'
+	                    "span",
+	                    {
+	                      style: {
+	                        display: "inline-block",
+	                        verticalAlign: "top",
+	                        marginTop: 3
+	                      }
+	                    },
+	                    "Test Connection"
 	                  ),
-	                  '\xA0\xA0',
+	                  "\xA0\xA0",
 	                  _react2.default.createElement(Loop, null)
 	                ),
-	                credType === 'password' && _react2.default.createElement(Key, { showPass: _this2.state.showPass,
+	                credType === "password" && _react2.default.createElement(Key, {
+	                  showPass: _this2.state.showPass,
 	                  onClick: function onClick() {
 	                    return _this2.setState({ showPass: !_this2.state.showPass });
 	                  }
@@ -6804,7 +7221,7 @@ module.exports =
 	exports.default = SFTP;
 
 /***/ },
-/* 73 */
+/* 74 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6828,7 +7245,7 @@ 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; }
 	
 	var images = {
-	  ajax_loader_small: __webpack_require__(105)
+	  ajax_loader_small: __webpack_require__(106)
 	};
 	
 	var WebSocket = function (_Component) {
@@ -7026,7 +7443,7 @@ module.exports =
 	exports.default = WebSocket;
 
 /***/ },
-/* 74 */
+/* 75 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -7207,10 +7624,10 @@ module.exports =
 	});
 
 /***/ },
-/* 75 */,
 /* 76 */,
 /* 77 */,
-/* 78 */
+/* 78 */,
+/* 79 */
 /***/ function(module, exports) {
 
 	'use strict'
@@ -7367,7 +7784,7 @@ module.exports =
 
 
 /***/ },
-/* 79 */
+/* 80 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -17176,7 +17593,6 @@ module.exports =
 
 
 /***/ },
-/* 80 */,
 /* 81 */,
 /* 82 */,
 /* 83 */,
@@ -17195,7 +17611,8 @@ module.exports =
 /* 96 */,
 /* 97 */,
 /* 98 */,
-/* 99 */
+/* 99 */,
+/* 100 */
 /***/ function(module, exports) {
 
 	exports.read = function (buffer, offset, isLE, mLen, nBytes) {
@@ -17285,7 +17702,7 @@ module.exports =
 
 
 /***/ },
-/* 100 */
+/* 101 */
 /***/ function(module, exports) {
 
 	var toString = {}.toString;
@@ -17296,17 +17713,17 @@ module.exports =
 
 
 /***/ },
-/* 101 */,
 /* 102 */,
 /* 103 */,
 /* 104 */,
-/* 105 */
+/* 105 */,
+/* 106 */
 /***/ function(module, exports) {
 
 	module.exports = "data:image/gif;base64,R0lGODlhEAALAPQAAP////////7+/v7+/v7+/v7+/v////7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA"
 
 /***/ },
-/* 106 */
+/* 107 */
 /***/ function(module, exports) {
 
 	/* WEBPACK VAR INJECTION */(function(__webpack_amd_options__) {module.exports = __webpack_amd_options__;
@@ -17314,7 +17731,7 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, {}))
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var require;var require;var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(Buffer, global) {/*
@@ -17333,7 +17750,7 @@ module.exports =
 	*/
 	(function(e){
 		if("object"==typeof exports&&"undefined"!=typeof module&&"undefined"==typeof DO_NOT_EXPORT_JSZIP)module.exports=e();
-		else if("function"=="function"&&__webpack_require__(106)&&"undefined"==typeof DO_NOT_EXPORT_JSZIP){JSZipSync=e();!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));}
+		else if("function"=="function"&&__webpack_require__(107)&&"undefined"==typeof DO_NOT_EXPORT_JSZIP){JSZipSync=e();!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));}
 		else{
 			var f;
 			"undefined"!=typeof window?f=window:
@@ -26320,7 +26737,7 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(28).Buffer, (function() { return this; }())))
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global, Buffer, process) {/*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
@@ -26334,8 +26751,8 @@ module.exports =
 	/*global cptable:true, window */
 	if(true) {
 		if(typeof cptable === 'undefined') {
-			if(typeof global !== 'undefined') global.cptable = __webpack_require__(48);
-			else if(typeof window !== 'undefined') window.cptable = __webpack_require__(48);
+			if(typeof global !== 'undefined') global.cptable = __webpack_require__(49);
+			else if(typeof window !== 'undefined') window.cptable = __webpack_require__(49);
 		}
 	}
 	
@@ -28433,7 +28850,7 @@ module.exports =
 	if(typeof JSZipSync !== 'undefined') jszip = JSZipSync;
 	if(true) {
 		if(typeof module !== 'undefined' && module.exports) {
-			if(typeof jszip === 'undefined') jszip = __webpack_require__(107);
+			if(typeof jszip === 'undefined') jszip = __webpack_require__(108);
 		}
 	}
 	
@@ -29054,7 +29471,7 @@ module.exports =
 		var crypto;
 		if(typeof _crypto !== 'undefined') crypto = _crypto;
 		else if(true) {
-			try { crypto = __webpack_require__(110); }
+			try { crypto = __webpack_require__(111); }
 			catch(e) { crypto = null; }
 		}
 	
@@ -46425,7 +46842,7 @@ module.exports =
 	})(utils);
 	
 	if(has_buf && "function" != 'undefined') (function() {
-		var Readable = __webpack_require__(111).Readable;
+		var Readable = __webpack_require__(112).Readable;
 	
 		var write_csv_stream = function(sheet, opts) {
 			var stream = Readable();
@@ -46573,15 +46990,15 @@ module.exports =
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(28).Buffer, __webpack_require__(60)))
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports) {
 
 	module.exports = require("papaparse");
 
 /***/ },
-/* 110 */
-50,
 /* 111 */
+50,
+/* 112 */
 50
 /******/ ])));
 //# sourceMappingURL=credentialSections.js.map