@lingk/sync 1.1.52 → 1.1.54

package/build/credentialSections.js

@@ -5131,11 +5131,14 @@ module.exports =
 	          onChange = _props.onChange,
 	          credsDisabledCheck = _props.credsDisabledCheck,
 	          inputs = _props.inputs,
-	          onCheck = _props.onCheck;
+	          onCheck = _props.onCheck,
+	          checking = _props.checking,
+	          envCheckResult = _props.envCheckResult;
 	
 	      var Input = inputs.Input;
 	      var Button = inputs.Button;
 	      var Select = inputs.Select;
+	      var Spinner = inputs.Spinner;
 	      var CodeMirror = codemirror && codemirror.Controlled;
 	
 	      var CloudSQLTypes = [{ name: 'Postgres', satisfiesSearch: true, type: 'Postgres', title: 'Postgres' }, { name: 'MySQL', satisfiesSearch: true, type: 'MySQL', title: 'MySQL' }];
@@ -5214,6 +5217,16 @@ module.exports =
 	                  ),
 	                  '\xA0\xA0',
 	                  _react2.default.createElement(Loop, null)
+	                ),
+	                index === 0 && checking && _react2.default.createElement(
+	                  'span',
+	                  { style: { marginLeft: 10 } },
+	                  _react2.default.createElement(Spinner, null)
+	                ),
+	                index === 0 && envCheckResult && _react2.default.createElement(
+	                  'span',
+	                  { style: { marginLeft: 10 } },
+	                  envCheckResult
 	                )
 	              );
 	            })
@@ -5376,6 +5389,11 @@ module.exports =
 	        this.setState({ actualCreds: newProps.creds });
 	      }
 	    }
+	  }, {
+	    key: 'saveCreds',
+	    value: function saveCreds() {
+	      this.props.postCredentials(this.state.actualCreds);
+	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
@@ -5389,6 +5407,7 @@ module.exports =
 	          adapterSecret = _props2.adapterSecret,
 	          checkOauthCreds = _props2.checkOauthCreds,
 	          fileSchema = _props2.fileSchema,
+	          postCredentials = _props2.postCredentials,
 	          getOauthUrl = _props2.getOauthUrl,
 	          generateNewAdapterSecret = _props2.generateNewAdapterSecret,
 	          setCsvFields = _props2.setCsvFields,
@@ -5411,7 +5430,6 @@ 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 isFlatFile = config.type === 'LocalFile';
@@ -5426,9 +5444,6 @@ module.exports =
 	
 	      var isSFTP = config.type === 'SFTP';
 	      var noRootUrl = isSFTP || isAWS;
-	
-	      // all credential fields are filled
-	
 	      var credsDisabledCheck = config && config.credentials && config.credentials.some(function (c) {
 	        var formCreds = creds;
 	        return !Object.keys(formCreds).includes(c.split(' ').join(''));
@@ -5460,10 +5475,10 @@ module.exports =
 	          deleteFlatFile: deleteFlatFile
 	        }) : isGoogle ? _react2.default.createElement(_google2.default, { config: config, creds: creds, onChange: this.onChange,
 	          credsDisabledCheck: credsDisabledCheck, inputs: inputs,
-	          onCheck: check
+	          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
+	          onCheck: check, envCheckResult: envCheckResult, checking: checking
 	        }) : 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,
@@ -5572,6 +5587,16 @@ module.exports =
 	                    '\xA0\xA0',
 	                    _react2.default.createElement(Loop, null)
 	                  ),
+	                  index === 0 && noRootUrl && checking && _react2.default.createElement(
+	                    'span',
+	                    { style: { marginLeft: 10 } },
+	                    _react2.default.createElement(Spinner, null)
+	                  ),
+	                  index === 0 && noRootUrl && envCheckResult && _react2.default.createElement(
+	                    'span',
+	                    { style: { marginLeft: 10 } },
+	                    envCheckResult
+	                  ),
 	                  credType === 'password' && _react2.default.createElement(Key, { showPass: _this2.state.showPass,
 	                    onClick: function onClick() {
 	                      return _this2.setState({ showPass: !_this2.state.showPass });
@@ -6009,7 +6034,9 @@ module.exports =
 	          onCheck = _props2.onCheck,
 	          inputs = _props2.inputs,
 	          creds = _props2.creds,
-	          onChange = _props2.onChange;
+	          onChange = _props2.onChange,
+	          checking = _props2.checking,
+	          envCheckResult = _props2.envCheckResult;
 	      var credentialType = this.state.credentialType;
 	
 	
@@ -6018,6 +6045,7 @@ module.exports =
 	      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') {
@@ -6049,7 +6077,17 @@ module.exports =
 	        null,
 	        credentials && _react2.default.createElement(
 	          'div',
-	          { style: { marginLeft: 0 } },
+	          { style: { display: 'inline-block' } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { marginLeft: 15, marginTop: 40, float: 'right' } },
+	            checking && _react2.default.createElement(Spinner, null),
+	            envCheckResult && _react2.default.createElement(
+	              'span',
+	              null,
+	              envCheckResult
+	            )
+	          ),
 	          _react2.default.createElement(
 	            'div',
 	            { style: { display: 'inline-block', marginLeft: 16 } },
@@ -6065,9 +6103,6 @@ module.exports =
 	              })
 	            ),
 	            credentials.map(function (credType, index) {
-	
-	              console.log(creds[credType]);
-	
 	              return _react2.default.createElement(
 	                'div',
 	                { key: index, style: { marginTop: 8 } },