@jetbrains/ring-ui 4.1.8 → 4.1.9

package/components/auth/auth.test.js

@@ -516,19 +516,17 @@ describe('Auth', () => {
       }
     });
 
-    it('should show login overlay if token refresh fails and window login enabled', async () => {
+    it('should show login overlay if token refresh fails and window login enabled', done => {
       auth._backgroundFlow._timeout = 100;
       sandbox.stub(BackgroundFlow.prototype, '_redirectFrame');
       sandbox.stub(Auth.prototype, '_showAuthDialog');
 
-      try {
-        await auth.requestToken();
-      } catch (reject) {
-        Auth.prototype._showAuthDialog.should.have.been.calledWith({
-          nonInteractive: true,
-          error: reject
-        });
-      }
+      auth.requestToken();
+
+      setTimeout(() => {
+        Auth.prototype._showAuthDialog.should.have.been.called;
+        done();
+      }, auth._backgroundFlow._timeout * 2);
     });
   });
 

package/components/auth/auth__core.js

@@ -52,6 +52,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -405,9 +406,27 @@ export default class Auth {
     try {
       return await this._backgroundFlow.authorize();
     } catch (error) {
-
       if (this._canShowDialogs()) {
-        return this._showAuthDialog({nonInteractive: true, error});
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              const result = await this._backgroundFlow.authorize();
+              resolve(result);
+            } catch (retryError) {
+              this._showAuthDialog({
+                nonInteractive: true,
+                error: retryError,
+                onTryAgain
+              });
+              throw retryError;
+            }
+          };
+          this._showAuthDialog({
+            nonInteractive: true,
+            error,
+            onTryAgain
+          });
+        });
       } else {
         const authRequest = await this._requestBuilder.prepareAuthRequest();
         this._redirectCurrentPage(authRequest.url);
@@ -516,7 +535,7 @@ export default class Auth {
     this.logout();
   }
 
-  _showAuthDialog({nonInteractive, error, canCancel} = {}) {
+  _showAuthDialog({nonInteractive, error, canCancel, onTryAgain} = {}) {
     const {embeddedLogin, onPostponeLogout, translations} = this.config;
     const cancelable = this.user.guest || canCancel;
 
@@ -557,15 +576,22 @@ export default class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await onTryAgain();
+      closeDialog();
+    };
+
     const hide = this._authDialogService({
       ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : null
     });
 
     const stopTokenListening = this._storage.onTokenChange(token => {

package/components/auth-dialog/auth-dialog.js

@@ -28,9 +28,11 @@ export default class AuthDialog extends Component {
     cancelOnEsc: PropTypes.bool,
     confirmLabel: PropTypes.string,
     cancelLabel: PropTypes.string,
+    tryAgainLabel: PropTypes.string,
 
     onConfirm: PropTypes.func,
-    onCancel: PropTypes.func
+    onCancel: PropTypes.func,
+    onTryAgain: PropTypes.func
   };
 
   static defaultProps = {
@@ -44,12 +46,38 @@ export default class AuthDialog extends Component {
     onCancel: () => {}
   };
 
+  state = {
+    retrying: false
+  };
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
+  }
+
   onEscPress = () => {
     if (this.props.cancelOnEsc) {
       this.props.onCancel();
     }
   };
 
+  onRetryPress = async () => {
+    if (!this.props.onTryAgain || this.state.retrying) {
+      return;
+    }
+    this.setState({retrying: true});
+    try {
+      await this.props.onTryAgain();
+    } catch (e) {
+      // do nothing, error is handled in onTryAgain
+    } finally {
+      this.setState({retrying: false});
+    }
+  };
+
   render() {
     const {
       show,
@@ -61,10 +89,14 @@ export default class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
 
+    const {retrying} = this.state;
+
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
 
@@ -99,6 +131,17 @@ export default class AuthDialog extends Component {
             >
               {confirmLabel}
             </Button>
+            {onTryAgain && (
+              <Button
+                className={styles.button}
+                data-test="auth-dialog-retry-button"
+                onClick={() => this.onRetryPress()}
+                loader={retrying}
+                disabled={retrying}
+              >
+                {tryAgainLabel}
+              </Button>
+            )}
             <Button
               className={styles.button}
               data-test="auth-dialog-cancel-button"

package/dist/auth/auth__core.js

@@ -86,6 +86,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -475,9 +476,27 @@ class Auth {
       return await this._backgroundFlow.authorize();
     } catch (error) {
       if (this._canShowDialogs()) {
-        return this._showAuthDialog({
-          nonInteractive: true,
-          error
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              const result = await this._backgroundFlow.authorize();
+              resolve(result);
+            } catch (retryError) {
+              this._showAuthDialog({
+                nonInteractive: true,
+                error: retryError,
+                onTryAgain
+              });
+
+              throw retryError;
+            }
+          };
+
+          this._showAuthDialog({
+            nonInteractive: true,
+            error,
+            onTryAgain
+          });
         });
       } else {
         const authRequest = await this._requestBuilder.prepareAuthRequest();
@@ -603,7 +622,8 @@ class Auth {
     let {
       nonInteractive,
       error,
-      canCancel
+      canCancel,
+      onTryAgain
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       embeddedLogin,
@@ -654,14 +674,21 @@ class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await onTryAgain();
+      closeDialog();
+    };
+
     const hide = this._authDialogService({ ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : null
     });
 
     const stopTokenListening = this._storage.onTokenChange(token => {

package/dist/auth-dialog/auth-dialog.js

@@ -49,11 +49,42 @@ class AuthDialog extends Component {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "state", {
+      retrying: false
+    });
+
     _defineProperty(this, "onEscPress", () => {
       if (this.props.cancelOnEsc) {
         this.props.onCancel();
       }
     });
+
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+
+      this.setState({
+        retrying: true
+      });
+
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {// do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
   }
 
   render() {
@@ -67,9 +98,14 @@ class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
+    const {
+      retrying
+    } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
     return /*#__PURE__*/React.createElement(Dialog, {
@@ -95,7 +131,13 @@ class AuthDialog extends Component {
       className: modules_ae521deb.firstButton,
       "data-test": "auth-dialog-confirm-button",
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
       className: modules_ae521deb.button,
       "data-test": "auth-dialog-cancel-button",
       onClick: onCancel
@@ -116,8 +158,10 @@ _defineProperty(AuthDialog, "propTypes", {
   cancelOnEsc: PropTypes.bool,
   confirmLabel: PropTypes.string,
   cancelLabel: PropTypes.string,
+  tryAgainLabel: PropTypes.string,
   onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
+  onCancel: PropTypes.func,
+  onTryAgain: PropTypes.func
 });
 
 _defineProperty(AuthDialog, "defaultProps", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.1.8",
+  "version": "4.1.9",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "dca1856fa248b940b4375685e61b9e8687317b4d"
+  "gitHead": "f52dc772aaedbd8fbbc8a71eddb832703f96bdf0"
 }